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 Memperbaiki Pesan Error IDM Fake Serial Dengan notepadFix IDM fake serial-Cara Memperbaiki Pesan Error IDM Fake Serial,lagi muter-muter di gugel, ketemu blognya orang vietnam, kayaknya ntu artikel setelah dtransliiitlitlit ...
Download Flat Free Loader Download Flat Free Loader-Selamat malam sobat-sobatku yang baik hati dan semoga dalam lindungan tuhan yang maha kuasa tentunya,amin. Saya kali ini ingin berbagi Fl ...
CARA PASANG LOGO BLOGGER INDONESIA CARA PASANG LOGO BLOGGER INDONESIA - Bagi sahabat Blogger Indonesia yang ingin Memasang Logo Blogger Indonesia seperti yang ada di pojok kanan atas blog ini. Ikuti la ...
Cara Meniru atau Copi Template Blog Selamat datang sahabat, terima kasih sudah membaca satu baris kalimat pertama saya ini, silahkan langsung komentar, OOT tidak apa-apa yang penting rame,hehe... pada k ...
The Archive is Either in Unknown Format or Damaged The Archive is Either in Unknown Format or Damaged, apa itu ya sob? mungkin judulnya agak aneh ya, tapi kalau sobat pernah mengalami pasti tau deh cara memperbaiki file ...