Cara Membuat Widget Komentar Blogspot Dengan Avatar

Diposting oleh Rdk Jam 15.53.00

Salam super,sobat-sobatku yang baik hati kali ini ilkomunived ingin berbagi Cara Membuat Widget Komentar Blogspot Dengan Avatar, seperti LINK SAHABAT yang ada disamping blog ilkomunived ini,kali aja ada yang ingin pake.
Langkah-langkahnya:
Masuk ke dashbord blog sobat, pilih tata letak, pilih add gadget, pilih HTML,javascript. Pastekan kode berikut:

<style>
#tcom {
list-style-type: none;
margin: 0;
padding: 0;
background: #33CCCC;
font: normal 12px/20px serif;
}
#tcom li {
background: #ffffff;
border-bottom: 1px solid #E4E5E7;
margin: 0 0 1px 0;
overflow: hidden;
padding: 5px;
}
#tcom li:last-child {
margin: 0;
}
#tcom .img {
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 59px;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#tcom .img img {
vertical-align: middle;
height: 100%:
width: 100%
}
</style>
<script type="text/javascript">
function topkomentar(feed) {
document.write('<ul id="tcom">');
var i;
for (i = 0; i < feed.count; i++) {
var d     = feed.value.items[i];
var item;
var href  = d.link,
 itez  = d.author['gd:image'].src.replace(/\/s(512|220)/g,"/s60"),
 total = d.title.replace(/([^0-9])/g, ""),
 nama  = d.author.name;
if(feed.value.items[i].link == "") {
item ="<li>" + feed.value.items[i].title + "</li>";
} else {
item  = "<li>" + "<span class='img'><img src='" + itez + "'/></span>" + "<div class='nama'>"+nama+"</div>" + "Alamat Blog : <a href=" + href + " target='_blank'>Kunjungi</a>" + "<div class='total'>Total Komentar : " + total +"</div>" + "</li>";
document.write(item);
}
}
document.write('</ul>');
}
</script>
  <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://ilkomunived.blogspot.com
&ExcludedNick1=Ilkom unived
&ExcludedNick2=Ilkomunived
&ShowHowMany=6
&_callback=topkomentar
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script>

Setting kode:

 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://NAMABLOGSOBAT.blogspot.com
&ExcludedNick1=NAMA YANG TIDAK BAKALAN MUNCUL
&ExcludedNick2=NAMA YANG TIDAK BAKALAN MUNCUL
&ShowHowMany=BANYAKNYA KOMENTATOR YANG DIMUNCULKAN
&_callback=topkomentar 
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script>

Sekian dulu tutorial kali ini, semoga bermanfaat...

Source: lupa soalnya banyak

Related : Cara Membuat Widget Komentar Blogspot Dengan Avatar

Cara Install XAMPP Pada Windows Cara Install XAMPP Pada Windows caranya adalah sbb: Download terlebih dahulu Program XAMPP di SINI Jalankan intallasi program Perhatikan gambar Be ...
Cara Memecah dan Menggabungkan File Dengan HJSplit HJSplit merupakan software yang berfungsi untuk memecah file yang berukuran besar menjadi potongan-potongan file dengan ukuran kecil. Selain memotong file, HJSplit nan ...
Cara memasang iklan DITENGAH postingan artikel Di BloggerCara memasang iklan DITENGAH postingan Di Blogger, ada banyak tutorial bagaimana cara memasang iklan di dalam postingan namun kebanyakan adalah di atas postingan dan dib ...
Cara Share Teman Google Plus How to share a circle in google plus Now You Can Share Your Google+ Circles With Others atau indonesianya Cara Share Teman Google Plus - Selamat sore ...
MEMBUAT DAFTAR ISI DIBLOGGER/BLOGSPOTSesuai dengan judul, kali ini ilkomunived ingin berbagi beberapa daftar isi untuk blog, silahkan anda pilih template dibawah ini untuk caranya silahkan login ke blogger, ...