Cara Memasang Avatar Pada Komentar

Ada bemacam-macam cara untuk mepercantik blog kita, salah satunya  dengan memasang avatar pada komentar caranya cukup mudah  syaratnya kita harus sudah terdaftar sebagai member di Myblogblog. untuk memasang avatar pada komentar ikuti langkah-langkan di bawah :


1.Daftarkan diri anda di Myblogblog (jika sudah kita langsung ke langkah berikutnya)
2.Login ke Blogger.com
3.Masuk ke tata letak (layout) pilih Edit HTML
4.Pilih download Tempalte Lengakp,
5.Centang Expland Widget Tempalte
6.Cari kode </head> copy pastekan kode di bawah ini di atas kode </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 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>


7.Jika sudah cari kode seperti atau mirip di bawah ini :


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


8.Jika sudah ketemu copy pastekan kode di bawah ini tepat di bawah kode <b:loop values='data:post.comments' var='comment'>


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


9.Simpan tempaltenya
Catatan: kode nomor yang berwarna merah adalah jarak gambar dengan garis template, kiata dapt merubahnya sesuwai selera.


Sumber : miscah.blogspot.com
Selamat Mencoba

Artikel Terkait:

1 komentar:

Jefry mengatakan...

terima kasih tutorialnya
mungkin nanti akan saya pasang diblogspot saya
izin membookmarknya dulu..