Pasang Avatar Pada Komentar Blogger

Tutorial cukup bagus buat di terapkan pada blog kesayangan kita. Tutorial ini saya dapat dari blog milik Oom, Setelah saya baca dan saya praktekkan pada blog kesayangan saya ini dan hasilnya sukses besar selanjutnya saya posting juga dech sekalian buat dokumen dan catatan saya sendiri hehehe.
Apa sobat juga tertarik untuk memasangnya juga? Jika berminat, syaratnya sobat harus sudah terdaftar sebagai member Mybloglog dan setelah itu ikuti langkah-langkah berikut:
1. Login ke Blogger dengan id dan password sobat.
2. Klik menu Tata Letak dan klik juga menu Edit Html jangan lupa download dulu templatenya yach buat jaga-jaga. Selanjutnya cari kode

</head>

, Jika sudah ketemu copy semua kode-kode di bawah ini dan paste 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 perche indexOf e 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>

3. Klik tombol Simpan Template selanjutnya beri tanda centang pada kotak kecil di samping tulisan Expand Templates Widget. Jika sudah lalu cari kode seperti atau mirip dibawah ini:

<b:loop values='data:post.comments' var='comment'>

Jika sudah ketemu copy kode dibawah ini dan paste dibawah kode diatas.

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

4. Klik tombol Simpan Template lagi dan lihat hasilnya, sudah munculkan avatarnya.

Selamat mencoba!

Tweet