Mengganti Avatar Komentator dengan Avatar MyblogLog

18 Nov 2010 - - 2

1. Pastikan anda sudah terdaftar di Mybloglog
2. Kalo sudah, sekarang kembali ke Blogger, lalu tuju langsung kehalaman Edit HTML. Cari tag
</head>  kemudian copy-paste saja semua script dibawah ini dan letakan diatasnya. (jangan lupa di save dulu)

<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, beri tanda centang pada Expand Widget Templates. Kemudian cari kode dibawah:

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

Kalau sudah, silahkan copas semua kode dibawah ini dan letakan kembali 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. Simpan dan lihat hasilnya.
Untuk melihat contoh hasilnya di komentar blog ini.

Selamat mencoba.

Sumber: o-om.com