Menampilkan Avatar Komentar dengan MyBlogLog
Setelah dulu kita pernah belajar membuat atau menampilkan avatar komentator di kotak komentar, yang itu adalah standar atau bawaan dari blogger. Dan merupakan fitur baru. Sekarang ganti menampilkan avatar dari MyBlogLog di kotak komentar blog kita.
Kalau yang dulu atau fitur dari blogger avatar yang muncul adalah orang-orang yang punya akun (profil di blogger) tapi dengan avatar yang ini berbeda, yaitu avatar yang dimunculkan adalah dari profil MyBlogLog. Artinya jika saat seseorang itu berkomentar dengan pilihan sebagai itu punya atau dimasukkanke dalam MyBloglognya maka avatar itu akan muncul, tetapi jika tidak punya mybloglog maka juga tidak akan muncul dan digantikan dengan ikon yang foto yang kecil. Untuk lebih jelasnya seperti yang saya gunakan saat ini di avatar komentar blog saya.
Cara Menampilkan Avatar Komentar dengan MyBlogLog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head> setelah ketemu taruh (copy paste) kode dibawah ini diatas </head>
6. Cari kode <b:loop values='data:post.comments' var='comment'> dan jika sudah ketemua, taruh (copy paste) kode di berikut ini di atasnya
7. Simpan Template jika sudah selesai
Kalau yang dulu atau fitur dari blogger avatar yang muncul adalah orang-orang yang punya akun (profil di blogger) tapi dengan avatar yang ini berbeda, yaitu avatar yang dimunculkan adalah dari profil MyBlogLog. Artinya jika saat seseorang itu berkomentar dengan pilihan sebagai itu punya atau dimasukkanke dalam MyBloglognya maka avatar itu akan muncul, tetapi jika tidak punya mybloglog maka juga tidak akan muncul dan digantikan dengan ikon yang foto yang kecil. Untuk lebih jelasnya seperti yang saya gunakan saat ini di avatar komentar blog saya.
Cara Menampilkan Avatar Komentar dengan MyBlogLog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head> setelah ketemu taruh (copy paste) kode dibawah ini diatas </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>
//<![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>
6. Cari kode <b:loop values='data:post.comments' var='comment'> dan jika sudah ketemua, taruh (copy paste) kode di berikut ini di atasnya
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
7. Simpan Template jika sudah selesai