Sunday 4 July 2010

Membuat Widget Top Post

Top Post saya rasa perlu untuk melihat seberapa besarkah antusiasnya sebuah postingan yang ada di blog anda. Selain itu dengan adanya widget Top Post dapat membuat kita lebih bersemangat untuk berposting ria. Postingan ini sering dijumpa di I-Net. silahkan surfing, pasti dapat :)

Langkah Membuat Widget Top Post
Tambahkan kode dibawah ini pada element blog teman-teman :


<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%2FALAMATBLOGKAMU.COM&num=10" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://ketik-info.blogspot.com/2010/07/membuat-widget-top-post.html">Berbagi Informasi</a></span>


Yang Harus Diperhatikan !
ALAMATBLOGKAMU.COM == ganti dengan alamat blog sobat sendiri
num=10 menunjukkan nilai dari berapa banyak postingan yang akan dimuat


Tambahan !
Cara menghilangkan nomor urut:
Pada tampilan awal akan tampil urutan jumlah top post, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini

document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>"); 
pada kode diatas

3 comments:

  1. oia sob ane mau tanya cara membuat warna teks html di postingan gmn ya?, kaya postingan kamu ini lo sob 'ALAMATBLOGKAMU.COM' yang warna biru, tolong buat tutorial nya sob, jangan lupa kabari aku, aku nyari di google ga tau nama nya, saya tunggu. www.ndolem.com

    ReplyDelete