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 BBM FOR PC OFFLINE BBM FOR PC- BBM untuk laptop ! Blackberry Messenger atau BBM adalah aplikasi pengirim pesan instan yang saat ini lagi nge-Trend di versi Android dan iOS. Sepert ...
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 ...
Menambahkan Ikon Kedalam Blog Pusing pilih keyword judulnya :v Share lagi sob, CaraMenambahkan Ikon Kedalam Blog, sebelumnya sudah pernah dibahas diblog kang +Kang Ismet , tapi ini menggu ...
Advanced Data Tabel + BootstrapAdvanced Data Tabel + Bootstrap , jika sobat sebelumnya sudah membaca advanced-data-tabel-paging-searching , sobat akan paham apa yang saya maksudkan, ini belu ...
Cara Memasang Tool Compress CSS di Blogger Tool Compress CSS-Kali ini saya ingin berbagi Cara Compress CSS tentunya sahabat blogger sudah tidak asing lagi dengan compress css, karena dengan fitur ini kita bisa ...