Pasang Avatar Mybloglog dalam Komentar

Biasanya ketika kamu meng-klik link komentar (tentunya posting yang memiliki komentar), kamu akan melihat tampilan icon default blogger, kalau tidak seperti ini icon author1 (berkomentar sebagai profil account google) atau seperti ini icon author2 (berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "avatar" dalam mybloglog. Avatar yang ditampilkan dalam versi kecilnya dapat kamu lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog OB. Trik ini mungkin bukan merupakan trik blogger yang baru, tapi tidak ada salahnya untuk dimasukkan dalam salah satu koleksi optimasi blog. Trik ini juga diperkenalkan oleh Amanda dalam titlenya "How to add MyBlogLog comment avatars (author images) to your comments section". Tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? Mari kita ambil satu demi satu buah trik blogger memasang avatar mybloglog.

  • Login ke account blogger kamu.
  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Cari Kode kode </head> dan Copy-Paste (copas) kode berikut di atasnya.
<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
  • Kemudian cari kode di bawah ini.
<b:loop values='data:post.comments' var='comment'>
  • Jika sudah ketemu, paste kode berikut di bawah kode di atas.
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Catatan : Kamu bisa memodifikasi kode yang ditandai dengan warna merah.
  • Jangan lupa disimpan.

Selamat memasang avatar mybloglog...

38 komentar untuk “Pasang Avatar Mybloglog dalam Komentar”

  1. pertamax lg....
    dicoba mas... ;)

    BalasHapus
  2. eh lupa,trnyata sya ud psang mas... ;))

    BalasHapus
  3. keren mas postingan barunya hehehehw~~~

    BalasHapus
  4. terimaksih mas buat triknya lg,. ijin pasang mas,. skss sll buat mas OB..

    BalasHapus
  5. Solusi yang lebih baik menurut saya dari Gravatar.. Check it out..

    BalasHapus
  6. Thanks ya choy! Mau pasang nih di blog temen aku.....

    Blogger Make Money

    BalasHapus
  7. Boleh juga nih dicoba,... tengkyu yah bro,...

    BalasHapus
  8. Mas OB....bkin postingan tentang cara bkin page navigation donk...;)

    BalasHapus
  9. owya, mo tnya lg donk mas..
    ko id mybloglog mas OB bisa muncul sih klo tuk reply komentar..

    BalasHapus
  10. mksud idnya fotonya mas OB..

    BalasHapus
  11. sudah saya pasang mas...
    thanks yah...
    bisa makin ok aja nih blog saya...

    BalasHapus
  12. Nanya donk mas, ko avatar saya ga muncul?
    apa harus taro avatar dlu di mybloglog?

    BalasHapus
  13. to edwin: eh.. iya. agar tampilan avatar mas edwin tampil dalam komentar. Terlebih dulu cek dalam akun mybloglog --> My Account --> Service. Trus liat profil ID blogger apa yang didaftarkan. Jika belum ada, langsung masukkan profil ID.
    Cara mengetahui profil ID blogger, klik dasbor --> lihat profil --> lihat address bar dalam browser mas edwin.

    BalasHapus
  14. Saya pernah eksperimen dengan icon MBL ini di blog, tapi loading page (halaman) semakin berat. Apa benar demikian ya mas :-/ Saya juga coba test drive ke beberapa blog yg menggunakan trik ini termasuk ke blognya O-Om dan terasa berat untuk membuka halaman komentarnya. Btw, triknya mantap mas OB. Ditunggu postingan berikutnya, he.he..

    BalasHapus
  15. to Bang Del: betul sekali, bang Del. Karena image yang ditampilkan mengambil ke alamat web mybloglog, sehingga image akan diindeks 1 by 1 sesuai dengan akun di MBL. Tp pengindeksan dilakukan setelah posting tampil komplit, bukan???

    BalasHapus
  16. thanks ya info nyaaaa.... ;)

    BalasHapus
  17. salam sasama blogger urang banua,
    iih..bagus jua nah, sdh dicoba dan berhasil, tapi icon blogger lama tdk hilang, kaya apa solusinya ...RIS ? Wan aku coba jua pasang emoticon seperti diatas, tapi kada berfungsi...mohon bantuan dan penjelasannya RIS, sabuting lagi minta NO. Flexinya kirim sms ke 7649911 lah .. ada nang handak ditakunkan banyakkkkkkk....

    BalasHapus
  18. to Bang OB: thanks infonya. Maaf baru saya baca sekarang...

    BalasHapus
  19. ko gbr nya lum bisa keluar sech sob, salah di mana ya...???

    BalasHapus
  20. Mas OB,ko fto gw ga kluar ya mas di blog gw?
    pdhal ud gw taro foto di mybloglog pnya gw,tp ko ttp ga mncul jg ya???

    BalasHapus
  21. dah buat akun di mybloglog coba dulu ah bisa muncul gak

    BalasHapus
  22. setelah membaca ....komentar....terima kasih

    BalasHapus
  23. Dicoba yah mas...makasih triknya...

    BalasHapus
  24. tutor link nya bgus.. keep tutor kunjungi juga ya.. http://www.rusmnz.co.cc/ and kritikannya..

    BalasHapus
  25. Avatarnya muncul entar ngga muncul bingung

    BalasHapus
  26. Bagus tipsnya nih.. avatar perlu banget

    BalasHapus
  27. sip di cobain ah, dulu pernah pasang tapi ganti template keapus semua deh

    BalasHapus
  28. TErimakasih atas tutorialnya Mas, Sangat membantu. tadinya sy kebingungan karna template sy sebelumnya memiliki avatar tapi menghilang karna saya kompres pke cssdrive.

    BalasHapus
  29. makasih infonya...!! TOP..!!!

    BalasHapus
  30. wah blognya bagus banget... pengen bisa punya blog kaya gini. Terima kasih, blognya sudah beri saya banyak motivasi untuk mempercantik blog saya.. tolong kasih nasehat blog saya mestinya bgimana..... cos masih newbie

    BalasHapus
  31. langsung ke TKP aja ya mas, thanks banyak belajar melalui blog mas....

    BalasHapus