Cara Membuat Widget Artikel Terpopuler

Posted by Sundaboy Calmz

Tutorial Blogspot - Pada kesempatan kali ini saya akan mencoba membahas bagaimana Cara Membuat Widget Artikel Terpopuler pada blog milik sahabat, Widget Artikel Terpopuler ini merupakan salah satu widget yang akan menampilkan artikel-artikel terpopuler pada sebuah blog yang diambil dari banyaknya komentar pada setiap postingan, Jadi Artikel terpopuler akan ditampilkan menurut banyaknya komentar disetiap postingan.


Nah apabila sahabat tertarik dan ingin Membuat Widget Artikel Terpopuler silahkan lakukan langkah langkah dibawah ini :

1. Login ke akun Blogger

2. Pilih Tata Letak

3. Selanjutnya silahkan tambah widget baru "Add Gadget"

4. Lalu Pilih HTML/Javasript

5. Copy kode dibawah ini dan pastekan kedalam widget

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul 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('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fsundaboy.com&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.sundaboy.com/" target="_blank">Sundaboy</a></span>

6. Tulisan yang berwarna biru silahkan ganti dengan blog sahabat dan angka 10 adalah jumlah artikel terpopuler yang akan ditampilkan

7. Simpan Template dan lihatlah hasilnya

Nah itulah tutorial Cara Membuat Widget Artikel Terpopuler semoga bermanfaat, dan apabila sahabat suka dengan tutorial ini silahkan untuk meninggalkan komentar pada kotak komentar dibawah ini. terimakasih


Sahabat suka dengan artikel "Cara Membuat Widget Artikel Terpopuler" atau merasa bermanfaat? Jika ya, Sahabat bisa membagikannya dengan cara meng-klick tombol Plus One yang ada di samping, atau tombol Facebook dibawah ini. Tengkyu

4 comments:

  1. copy gimana artikelnya bro.........????!!!!!!!!!!

    ReplyDelete
    Replies
    1. untuk mengcopy kode blok dulu kodenya trus tekan Ctrl + C pada keyboard.

      makasih

      Delete

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================