Avatar MyBlogLog Pada Kotak Komen

Pada sahabat yang bertanya.. Sebenarnya ada dua cara untuk pasang avatar pada kotak komen, setakat yang Ana jumpa. Ana lebih suka menggunakan avatar MBL ni. Pernah juga menggunakan avatar author komen, tapi ada beberapa masalah. Ok caranya...

1. Pertama, mestila kene ada akaun MyBlogLog kan, kalau xde daftarla dulu. Dah selesai baru boleh ikut step seterusnya..

2. Kalau dah ade akaun, terus ke bahagian Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

3. Tambahkan kod dibawah sebelum kod </head>.

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

4. Seterusnya cari kod ini.

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

5. Dah jumpa, tambahkan kod berikut dibawahnya.

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

Ok siap..Klik save template..

Selamat mencuba..

Sumber Asli : O-Om.com

Tips² Terkait

Hacker

• Cara Justify Text Di Sidebar
• Menambah Background Pada Blog
• Menambah Kotak Pada Footer
• Slider ala Zinmag Primus Template
• Menukar MBL Recent Reader ke Versi Lama
• Cara Menghilangkan Tajuk Blog
• Blogspot Dengan Gaya Wordpress
• Cara Menghilangkan Status Message

Komentar

• Disable Sesetengah Komen Pada Post
• Cara Memasang Top Commentator
• Emoticon di Kotak Komentar
• Kotak Komentar Pada Setiap Postingan

Avatar