Minggu, 10 Februari 2013

Membuat Daftar Posting Populer Di Blog Tanpa Thumbnail

 Posting populer atau Popular post adalah artikel yang paling sering atau banyak mendapat komentar dari pengunjung. Sebelumnya saya pernah menulis artikel mengenai cara membuat populer post dengan thumbnail. Populer post dengan thumbnail atau gambar dapat anda buat dengan menggunakan gadjet blogger yang telah tersedia. Namun kali ini saya akan membuat posting populer tanpa thumbnail, posting populer ini akan menampilkan daftar post atau list posting berdasarkan judul artikel. Selain judul populer post yang ditampilkan, juga akan memuat jumlah komentar dari pengunjung. Caranya membuatnya mudah saja, langsung kita praktekan saja:


1. Login ke blogger
2. Masuk ke Rancangan --> Edit Halaman
3. Tambahkaan Gadjet
4. Pilih HTML/Javascript
5. Masukan kode dibawah ini:
<!-- Popular posts by www.labprivate.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol 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(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://labprivate.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<!-- Popular posts by www.labprivate.blogspot.com -->
     Sedikit keterangan:
       - Kode berwarna biru adalah jumlah artikel yang ingin ditayangkan
       - Kode berwarna merah adalah alamat url blog anda

6. Ganti kode berwarna merah dengan url blog anda
7. Simpan gadjet anda

Sekian dulu tutorial singkat dari saya. Semoga dengan tampilan populer post di blog anda akan memberikan nuasa yang lebih baru lagi. Terima kasih telah menyimak artikel diatas.
Selamat mencoba! ^_^

Comments
0 Comments

0 komentar:

Posting Komentar