Cara Membuat Widget Popular Post Tanpa Thumbnails


Setelah dulu, saya pernah mengajak anda untuk membuat Widget Recent Post With Thumbnails, kali ini saya ingin mengajak anda untuk membuat Widget Popular Post tanpa Thubnail, biar enggak nambah Beban loading Blog anda terlalu berat saya putuskan untuk membuat tutorial yang tanpa Thumbnails atau image pelengkap.

Contohnya kebetulan gak saya pake di Blog ini, jadi silahkan perhatikan gambar diatas aja hhe...

Dan berikut cara membuatnya :
1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:
<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://4softcomputer.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<span style=" float:right;">
<!-- Popular posts with comment count End -->
Keterangan: Silahkan Ganti Url http://4softcomputer.blogspot.com dengan Url Anda dan ganti 10 Dengan Jumlah postingan yang ingin anda tampilkan. Jika Sudah Save template anda dan lihat hasilnya.

Post a Comment

أحدث أقدم