Minggu, 06 Maret 2011

Cara Membuat Widget Artikel Populer (sesuai selera anda)

Sobat Informasi Maya udah lama kang salman nggak posting, gimana kabar kalian? masih semangatkan? Ok. malam hari ini kang salman tertarik untuk mengulas artikel paling populer atau lebih dikenal dengan Top Post atau Artikel populer. Widget ini memiliki fungsi seberapa populerkah artikel-artikel kita di blog sendiri. Banyak parameter yang digunakan untuk menyusun artikel terpopuler ini, mulai dari jumlah berapa kali artikel tersebut dibaca atau berapa jumlah komentar pada artikel tersebut. Jika di blog berbasis WordPress sudah tersedia widget Tulisan Teratas, maka di blogspot anda sudah bisa menampilkan widget sejenis. Widget ini disusun berdasarkan lalu-lintas komentar terakhir yang masuk di blog kita, sehingga kita bisa menyimpulkan artikel manakah yang paling banyak mendapat tanggapan dari pembaca blog kita.

Untuk membuatnya di perlukan langkah-langkah seperti di bawah ini:

1.  Login to Blogger
2.  kemudian pilih "Layout" atau Tata Letak
3.  Klik pada Tambah Widget atau bahasa inggrisnya "Add a Gadget / Widget"
5.  Pilih HTML/Javascript
6.  Copy Paste Script Berikut:
<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%2Fichsanx.blogspot.com&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget edited by <a href="http://ichsanx.blogspot.com/2010/04/cara-membuat-widget-artikel-populer-top.html" target="_blank">IchsanX</a></span>
4. Ganti Ichsanx.blogspot.com dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.
Jika Anda ingin menaruhnya di artikel Post-an,ikuti langkah-langkah berikut :

1.  Login to Blogger
2.  kemudian pilih "Postingan
3.  Klik "Edit HTML"
5.  Hapus semua kode yg ada di Edit "HTML mu"
6.  Copy Paste Script Berikut:

<div dir="ltr" style="text-align: left;" trbidi="on">
<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&amp;_callback=pipeCallback&amp;_id=ff855e4f4d4a10fde1c2eb32074f99cd&amp;url=http%3A%2F%2Fichsanx.blogspot.com&amp;num=100" type="text/javascript">
</script>
<span style="font-size: 80%;">Widget edited by <a href="http://ichsanx.blogspot.com/2010/04/cara-membuat-widget-artikel-populer-top.html" target="_blank">Widget By IchsanX</a></span>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="fullpost">  </span></div>
</div>

4. Ganti Ichsanx.blogspot.com dengan nama blog kamu.
5. Angka "100" menunjukkan jumlah "Top Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan deh.

Selamat mencoba...!!!


Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini