Menggunakan Top Post di Blogger

Widget Top Posts yang akan saya share kali ini, adalah salah satu widget blogger yang akan menampilkan daftar posting berdasarkan jumlah komentar pengunjung.  Postingan yang paling banyak medapatkan komentar pengunjung akan ditempatkan pada urutan teratas disusul postingan berikutnya yang mendapatkan komentar lebih sedikit, demikian seterusnya sampai batas yang telah ditentukan.

Top Posts Widget Blogger memiliki prinsip kerja yang mirip dengan Widget Popular Posts yang sering digunakan oleh kebanyakan blogger, yaitu menampilkan daftar posting yang sering dibaca oleh pengunjung, yang membedakan kedua widget ini adalah parameter yang dijadikan tolak ukur untuk menampilkan daftar posting, jika widget popular posts mengambil parameter page views maka widget top posts menggunakan parameter jumlah komentar pengunjung, sehingga Widget Top Posts dapat dijadikan alternatif pengganti Widget Popular Posts atau Anda dapat menggunakan kombinasi kedua widget ini. 

Widget Top Posts didesign oleh author BloggerSentral blog menggunakan kombinasi javascript serta Yahoo Pipes untuk mengkalkulasi jumlah komentar pada setiap posting yang telah dipublikasikan serta mengurutkan postingan berdasarkan jumlah komentar pengunjung pada sebuah blog.

Script widget TOP Posts ini telah saya modifikasi dari script aslinya dengan menghilangkan tampilan angka jumlah Komentar setelah judul posting dan mengganti nomor urut daftar top posts dengan bullet list.  Walaupun menggunakan javascript namun widget ini cukup ringan, instalasinya pun sangat mudah, Anda cukup menambahkan gadget type HTML/javascript pada layout blog, penempatannya bisa pada sidbar atau pada bagian footer seperti yang dapat Anda lihat pada bagian bawah halaman homepage blog ini.

Cara Memasang Widget TOP Posts pada Blog dengan Platform Blogger

Untuk memasang widget ini, ikuti detail langkah-langkahnya seperti di bawah ini :

• Login ke blogger dengan ID Anda

• Pada halaman dashboard bloger klik link Title Blog Anda

• Pilih menu Layout (Tata Letak) >> Add a gadget >> Pilih gadget type HTML/Javascript

• Copy script di bawah ini dan paste ke dalam kotak Content gadget type HTML/Javascript.  Pada bagian Title masukkan TOP Posts

<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ul 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('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://tipsseoblogger.blogspot.com
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json"
type="text/javascript"></script>

• Klik tombol Save untuk menyimpan gadget dan atur penempatan gandget, sesuaikan dengan tampilan blog Anda.

Kustomisasi Script Top Posts Widget Blogger

• Script di atas akan menampilkan daftar posting dengan bullet lists jika ingin menggunakan nomor urut ganti kode <ul style pada script di atas dengan kode <ol style> serta </ul> dengan </ol>, lihat kode yang dibold dengan warna biru

• Untuk mengatur jumlah daftar postingan yang akan ditampilkan ganti angka 10 yang dibold biru dengan angka yang Anda inginkan

• Ganti URL http://tipsseoblogger.blogspot.com dengan URL blog Anda. 

Happy Blogging ^_^