Membuat Top Post Dengan Menggunakan Pipes Yahoo

Masih ingat dengan tulisan mengenai cara menambahkan Top Comments yang menggunakan pipa Yahoo (pipes Yahoo)? Nah, kali ini adalah saudara kembarnya, yakni Top Posts. Dan sebagaimana Top Comments, pada Top Posts inipun menggunakan script yang sama. Bedanya hanya terletak pada nomor ID-nya saja.

Sekalipun Top Posts dan Top Comments yang memamfaatkan pipa Yahoo ini sering mengalami kekacauan (mungkin karena banyak sampah sehingga kadang mangpet, hehehe...), tapi sebagai pengetahuan tidak ada salahnya saya menuangkannya di blog ini. Ya... itung-itung tamba euweuh teuing postingan, hehehe...

Contoh Top Posts ini bisa kamu lihat pada sidebar Recent Posts Sastra Culun di bawah tulisan Top 10 Coretan Kang eNeS.

Jika kamu ingin menambahkan widget top posts kedalam blog kamu, kopi salah satu script berikut lalu tambahkan kedalam sidebar blog kamu. Caranya: dari halaman pilih Tata Letak - Elemen Halaman, klik Tambah Gadget lalu pilih HTML/JavaScript. Tapi jangan lupa, edit dulu hurup merah yang dicetak tebal, disesuaikan dengan jumlah top posts dan nama blog kamu:

Top Comments Marquee (Berjalan)

<!--Top Artikel-->
10 Artikel Paling Populer:

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "" + obj.value.items[i].link + "";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2FNamaBlog.blogspot.com&num=10" type="text/javascript"></script>
<!-- End Top Artikel-->

Top Comments Bullets (Berurut ke Bawah)

<!--Top Artikel-->
10 Artikel Paling Populer:

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "" + obj.value.items[i].link + "";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2FNamaBlog.blogspot.com&num=10" type="text/javascript"></script>
<!-- End Top Artikel-->

Jika ingin link artikel dapat dibuka di tab baru (open link in new tab), ubahlah perintah <a href=" + href + "> (berwarna biru) menjadi seperti ini:
<a href=" + href + " target=_blank>.

Ok, segitu aja sob. Semoga bermanfaat .....