Home » » Memasang Avatar pada Komentar

Memasang Avatar pada Komentar

Redi Apri Handoko | 21.04 | 0 comments
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;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
Keterangan:
Anda dapat memodifikasi kode yang berwarna merah untuk mengatur tampilan avatarnya....
7. Terakhir, simpan template sobat dan lihat hasilnya!!!!cool
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Memasang Avatar pada Komentar Di posting oleh Redi A.H pada 7 Jul 2009. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google