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 update PHPMyadmin di Localhost Cara update PHPMyadmin di Localhost-Bingung mau update apa... Daripada pusing terus dengan skripsi mendingan berbagi Cara update PHPMyadmin di Localhost , in ...
Cara Validasi Hanya huruf Boleh Di Input ke TextBox VB6 Pada postingan kali ini ilkomunived akan memposting tentang bagaimana cara agar textbox hanya bisa dimasukkan huruf, sama halnya dengan tutorial sebelumnya Cara valid ...
CRUD Mysql Dengan PHP dan Bootstrap Lama gag update, sibuk dengan TA, kali ini saya ingin berbagi Crud menggunakan PHP dengan tampilan bootstrap, sebenarnya ini tugas jadi sederhana saja yang penting ada n ...
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 ...