Home > Blogger, Tips dan Trik > MENAMPILKAN TOP POST POSTINGAN TERPOPULER

MENAMPILKAN TOP POST POSTINGAN TERPOPULER

MENAMPILKAN TOP POST POSTINGAN TERPOPULER. Agar para pengunjung dapat mengetahui postingan apa saja yang paling popular pada blog kita, kita dapat memasang widget top post pada side bar. Di sini, Tips dan Trik Blog akan mengetengahkan widget yang dapat menampilkan postingan terpopuler (top post) yang saya dapatkan ketika melakukan “blogwalking” di “rumahnya” O-om. Top post (artikel terpopuler) yang ditampilkan pada widget ini didasarkan pada banyaknya komentar yang dilakukan oleh pengunjung blog pada setiap postingan. Jika tertarik, silakan ikuti tips memasang Widget TOP POST yang dibuat dengan bantuan Yahoo Pipes ini bersama Tips dan Trik Blog.

Kelemahan Widget TOP POST ini

Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.

<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%2Fnamablog.blogspot.com&num=10&#8243; type=”text/javascript”>
</script>

Ubah nama_blog dengan nama blog Anda tanpa “http”

Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Categories: Blogger, Tips dan Trik
  1. athlan21
    January 15, 2011 at 8:25 pm

    thanks infonya bro

    Kode-panduan.blogspot.com

  2. September 8, 2011 at 1:18 pm

    sudah tidak bisa sob…

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: