Posted on April 14th, 2008 by Chung

Memasang Gavatar di Blogsome

GravatarDengan keterbatasan yang ada pada blogsome, agak repot untuk merubah-rubah tata letak/layout blog. Theme yang disediakan pun relatif sedikit dan kurang menarik, apalagi untuk menambahkan elemen-elemen yang membutuhkan script baik javascript maupun php. tak terkecuali gravatar yang memerlukan sedikit script untuk menampilkannya.

Nah sekarang adalah sedikit tips&trik untuk menapilkan gravatar pada blog yang menggunakan hostingan blogsome, yang pada dasarnya menggunakan wordpress versi jadul. Cukup mudah, aliyas gak rumuti-rumit banget untuk menapilkan gravatar pada blogsame.

Sebelum memulai membuat scriptnya dan memasangnya di blogsame, perlu sedikit mepelajari struktur dari gravatar itu sendiri yang dapat dilihat di sini. Disana dijelaskan cara menggunakan/memasang gravatar di blog. Tinggal memilih jenis yang digunakan, tau bisa melihat formatnya untuk membuat script sendiri.

Nah disini akan dibuat sedikit script menggunakan javascript untuk memasang gravatar tersebut. karena di blogsome tidak bisa menggunakan script php, maka pilihan satu-satunya adalah javascript.

Pertama-tama yang diperlukan adalah script untuk enkripsi md5, yang dapat diperoleh di sini. Setelah script enkripsi md5 didapatkan tinggal sekarang membuat script untuk menampilkan gravatarnya.

function showGravatar(email) {
   var default='default.png'; // gambar icon default kalo yg gak punya gravatar
   var url='http://www.gravatar.com/avatar.php?gravatar_id='+MD5(email)+'&default='+escape(defaults)+'&size=40';
   return '<img src=\"'+url+'\" title=\"\" class=\"gravatar\" />';
}

Selanjutnya, cara pemasangannya tinggal memanggil fungsi diatas dengan parameter email yang diambil dari komentar. Nah untuk menggambil email dari komentar dapat menggunakan tag comment_author_email karena di blogsome menggunakan templating dengan smarty, maka formatnya adalah {comment_author_email}. komplitnya seperti ini.

<script>
document.write(showGravatar({comment_author_email}));
</script>

pasang kode tersebut pada file comment pada blogsom, dan hasilnya bisa dilihat pada komentar blog ini. :)

Tags: Web Programming, Internet, Blogsome



10 Responses

  1. paydjo.Net - Widget Error di Wordpress 2.5

    April 14th, 2008 at 08:49

    pasang easygravatar, tinggal klik activate, selesai
    :-”

  2. dhana

    April 28th, 2008 at 04:53

    saya dulu pernah nyoba pake blogsome karena enginenya wordpress tapi templatenya bisa diubah2.. ternyata pas udah nyoba, gak bisa juga abis saya cuma tau HTML dikit2 sedang ngubah template di blogsome kayaknya harus agak2 advanced.. pake javascript ato apalah itu.. hehe.

    template blog ini bagus :)
    *maap kalo OOT, topiknya ttg gravatar yah? :D *

  3. tukang sapu

    May 21st, 2008 at 10:08

    pinter ngotak atik blogsome ya mas. templatenya mantap nih.. gak di publish mas templatenya? cuman emang kayaknya blogsome ditinggalin membernya

  4. ARS

    May 27th, 2008 at 05:39

    blogku malah ra nongol gravatare je’, lagi nanya di porum wordpress blm ada jawaban :D

    opo dibantuin kene… ^_^

    *dah tak link blogmu kiy*

  5. chodirin

    June 2nd, 2008 at 10:50

    wah belum diupdate nih?

    apanya om yg blm diupdate?

  6. mizuka

    June 5th, 2008 at 09:08

    hehe…
    berhubung aku g bisa masang gravatar..
    [jangankan masang, daftar aja setengah idup..]
    jadi dipasangin aja ya mas ya??
    btw, kemaren kan aku ngrubah2 yang file2 php-nya..
    kok g ngefek ya?
    apa ada yang salah?

  7. anisa

    July 8th, 2008 at 01:41

    makasiah banget dech infonya

  8. curutz

    July 13th, 2008 at 18:08

    mau donk tips untuk mengganti template / theme blogsome…mohon pencerahannya boss…

  9. adit

    November 7th, 2008 at 03:46

    ooh ternyata pake javascript yah, ic ic …….. btw makasih bro atas pencerahannya

    tak cuba ah :D

  10. mamikol

    April 4th, 2009 at 18:11

    function showGravatar(email) {
    var default=’default.png’; // gambar icon default kalo yg gak punya gravatar
    var url=’http://www.gravatar.com/avatar.php?gravatar_id=’+MD5(email)+’&default=’+escape(defaults)+’&size=40′;
    return ‘’;
    }


RSS feed for comments on this post · TrackBack URI

Leave a reply


Anti-spam measure: please retype the above text into the box provided.

 

Blognya Chung udah pindah lho.... kalo mau lihat update terbaru dari blognya Chung, silakan kunjungi blog barunya disini..