Wednesday, January 16, 2013
Seringkali kita memberi komentar pada posting teman-teman atau sahabat. Di sekitar komentar tersebut pasti anda melihat ada sebuah icon default blogger. Pada beberapa blog icon tersebut diganti dengan avatar. Jika template bawaan anda tidak memiliki avatar di samping komentar maka ada trik untuk membuatnya. Dengan menambahkan avatar tentunya blog anda akan terlihat lebih menarik. Ikuti langkah berikut ini:
1. Login ke akun blogger,
2. Pilih Rancangan -- Edit HTML
3. Centang Expand Template Widget
4. Sebelum mengedit template saya anjurkan anda untuk membackup template terlebih dahulu
4. Cari kode </head> dan kopi paste kode berikut ini diatasnya.
<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>
5. Selanjutnya cari kode ini juga:
<b:loop values='data:post.comments' var='comment'>
6. Jika sudah ketemu paste kode berikut ini dibawah kode diatas tadi
<div style='border:0;float:left;margin: 0 5px 0 0;'>Keterangan:
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
Anda dapat memodifikasi kode yang berwarna merah untuk mengatur tampilan avatarnya....
7. Terakhir, simpan template sobat dan lihat hasilnya!!!!
