Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Popular Post Widget Buat Blogger

20.4.08 | 5 comments

Lagi iseng2 nyari trik Popular Post buat Blogger setelah ngiri ngeliat punyanya Wordpress, saya malah beneran nemuin trik tersebut. Awalnya malah ga percaya, tapi setelah baca berulang-ulang baru ngeh deh.

Popular Post widget ini menggunakan aplikasi online pengolah RSS-feed yg sama dengan Top Komentator widget yaitu Yahoo Pipes. Popular Post widget ini akan menampilkan post-post dengan jumlah komentar terbanyak.

Saya juga mau, gimana cara pasangnya?

*Cara mudahnya pake one-click widget installer-nya Amanda.
Masuk ke Layout. Lalu tambahkan HTML Element dan masukkan script di bawah ini:

<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%2Fblogger-holic.blogspot.com&num=10" type="text/javascript"></script>
<span>Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a>|<a href="http://blogger-holic.blogspot.com/">Blogger-Holic </a></span>
Sekarang tinggal disesuaikan dengan blog kamu. Bagian yg berwarna coklat adalah URL blog kamu. INGAT! jangan sertakan http:// dan / (garis miring) pada akhir URL karena sudah disertakan dalam scriptnya. Dan bagian yg berwarna ungu adalah jumlah post yg akan ditampilkan. Sesuaikan dengan tempat widget ini nanti akan diletakkan.

Mau ngetes hasilnya kaya' apa, kamu bisa langsung coba di Blogger Popular Posts/Most Commented Pipe page. Feel free to ask me question.

5 comments:

  1. Dah lama gak uthak-athik blog.. tutornya sampek sebegini...

    ReplyDelete
  2. wah saya mas pusing kalo dh ngutak-ngatik blog kya gitu,.,hehhe

    ReplyDelete
  3. kan tinggal copy-paste doank trus cari kodenya pake CTRL+F :)

    ReplyDelete
  4. nah... klo disaya tinggal isi :D modify dari bloggerbuster :D
    klo di bloggerbuster ngelink backnya ke postingnya :D

    klo ga keberatan dicoba yg buatan saya dong :D
    ada unpopular post juga :D

    ReplyDelete