Cara Membuat Widget Popular Post Di Blog

Maaf gan gx da Screenshot nya,,,,,,,,,,  Langsung aja gan tanpa banyak bacot lgi kita liat pembuatannya Di Bawah ini :

• Login Ke Blogger
• Klik Tata Letak >> Add Widget/Tambah Widget >> Edit HTML/Javascript
• Code akan akan menampilkan link/judul posting anda dengan format :
  Posting Pertama (16 comments)
  Posting Kedua (11 comments)

 

 <script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fnamablog.blogspot.com&num=5" type="text/javascript"></script>
<a href="http://galaxy-cc.blogspot.com" target="_blank"><span style="font-size: xx-small;">Get This</span></a>

• Code di bawah ini akan menampilkannya dengan format :
  Posting Pertama (16)
  Posting Kedua (11)

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fnamablog.blogspot.com&num=5" type="text/javascript"></script>
<a href="http://galaxy-cc.blogspot.com" target="_blank"><span style="font-size: xx-small;">Get This</span></a>

• Save/Simpan n lihat hasilnya