Cara Memasang Avatar Mybloglog pada Komentar

Menurut o-om, cara memasang avatar pada komentar bukan merupakan hal baru tapi bagi para blogger baru, hal ini adalah hal yang menarik dan patut dicontoh.









Caranya adalah sebagai berikut :

1. Pastikan rekan sudah terdaftar di Mybloglog

2. Anda kembali ke Blogger, lalu ke halaman Edit HTML. Beri tanda centang pada Expand Widget Templates. Dan cari tag </ head> kemudian copy-paste semua script dibawah ini (warna merah) dan letakan diatasnya. ( Dont forget to save your blog !)

<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>

3. Masih pada halaman Edit HTML, kemudian cari kode dibawah ini (warna ungu) :

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

4. Jika sudah ketemu, silahkan copy-paste semua kode dibawah ini (warna biru) dan letakan kembali dibawah kode diatas (yang warna ungu).

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

5. Selamat mencoba...