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...
0 Komentar untuk "Pasang Avatar Mybloglog dalam Komentar"