Kali ini saya akan menjelaskan bagaimana cara membuat gambar pada dalam komentar, Seperti biasanya ketika kita meng-klik link komentar (tentunya posting yang memiliki komentar), kamu akan melihat tampilan icon default blogger, kalau tidak seperti ini 
(berkomentar sebagai profil account google) atau seperti ini 
(berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "picture" dalam mybloglog. picture yang ditampilkan dalam versi kecilnya dapat anda lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog j_putra. Anda tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? ikuti langkah-langkah di bawah ini
(berkomentar sebagai profil account google) atau seperti ini (berkomentar sebagai pemilik salah satu blog). Misinya kali ini adalah merubah tampilan icon komentator dengan image/gambar, kita sebut saja dengan "picture" dalam mybloglog. picture yang ditampilkan dalam versi kecilnya dapat anda lihat dalam widget "Recent Visitor", dalam elemen sidebar di bawah "Follower" blog j_putra. Anda tertarik ingin langsung mengaplikasikannya dalam komentar blog kamu?!? ikuti langkah-langkah di bawah ini- Log in dulu ke blog kamu
- klik Tata letak
- Edit HTML
- centang "Expand Template Widget"
- download dulu tamplate blog anda
- kemudian cari kode </head> copy paste kode berikut persis 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> - Kemudian cari kode di bawah ini
<b:loop values='data:post.comments' var='comment'> - kemudian copy paste kode berikut persis di bawah code diatas
<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div> - Kamu bisa memodifikasi kode yang ditandai dengan warna merah.
- Kemudian simpan
Tidak ada komentar:
Posting Komentar