Senin, 27 Juli 2009

Setetes EmbunCara Membuat Popular Post Widget

Popular Post
Artikel ini akan membahas cara pemasangan widget yang akan menampilkan tulisan-tulisan teratas dan terpopuler yang ada di blog kita. Widget yang dimaksud biasa disebut dengan Popular Post Widget, Tulisan Teratas, atau Tulisan Terpopuler. Jadi, bagi teman-teman yang berminat memasang dan mempercantik blog anda dengan Widget ini, silakan ikuti langkah-langkah berikut ini :
  1. Login ke account blogger anda

  2. Masuklah ke Tata Letak-->Elemen Halaman-->Tambah Gadget

  3. Pilih HTML/Javascript dan copy kode berikut :
    <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%2Fnama_blog.blogspot.com&num=5" type="text/javascript"></script>
    <a href="http://ilalangpagi.blogspot.com" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

    Keterangan :
    Ganti tulisan berwarna merah dengan link blog anda tanpa http:// (Misal link blog anda adalah http://ilalangpagi.blogspot.com, ganti tulisan berwarna merah dengan ilalangpagi).

  4. Simpan dan lihat hasilnya.

Kode di atas akan menampilkan link/judul posting anda dengan format :
Posting Pertama (16 comments)
Posting Kedua (11 comments)

Jika anda ingin menampilkannya dengan format :
Posting Pertama (16)
Posting Kedua (11)

Ganti kode di atas dengan Kode berikut :
<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=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fnama_blog.blogspot.com&num=5" type="text/javascript"></script>
<a href="http://ilalangpagi.blogspot.com" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>


Dan jika anda ingin menampilkan tanpa jumlah komentar, gantilah dengan kode berikut :
<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=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Fnama_blog.blogspot.com&num=5" type="text/javascript"></script>
<a href="http://ilalangpagi.blogspot.com" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

Selamat Mencoba...

Comments :

32 komentar to “Cara Membuat Popular Post Widget”

nah...akhirnya ketemu juga tipsnya

resistanCe mengatakan...
on 

nice tips kawan..thnxs ya :)

hill mengatakan...
on 

mantab sob...sekedar info:
aq pernah pasang tuch widget, tapi terkadang suka ga timbul....makanya sy cabut...hehehe

goceng mengatakan...
on 

thanks infonya mas menarik sekali langsung aku ke TKP ya...

Bisnis Hitam mengatakan...
on 

weh sip sip sip...
bisa di coba neh...:)

kampret mengatakan...
on 

Hmm...tertarik jg neh mo iktan cb. Thanks friend

Sharing is Fun mengatakan...
on 

wah..mantab sob!
ilmu baru lg.. :D

ajir mengatakan...
on 

nice info sobat,sukses selalu ya....salam indonesia damai

×÷·´¯`·.·•[ peace ]•·.·´¯`·÷× mengatakan...
on 

Great!!!!!
Makasih Bro.... aku ambil ya....
aku tunggu commentnya di blogku Bro....

Ancis F Ama mengatakan...
on 

infonya bermanfaat banget nech...leh di coba ya...

blog Ririn mengatakan...
on 

ko kadang2 kadang suka nggak bisa tampil sama sekali ya ? apa harus blognya udah jalan lama ?

Anggy mengatakan...
on 

kreatif Mas. Trims ya. salam sukses selalu.

arkasala mengatakan...
on 

Bermanfaat juga untuk dicoba sobat ?

kwangkxz mengatakan...
on 

Mas Radhit TC 2008, blog Anda luar biasa! Tukeran link doong? Saya ada di sini

fahs mengatakan...
on 

sedot langsung nih...

dadang firdaos mengatakan...
on 

mantab...

RAJA KOIN mengatakan...
on 

Wah,, membantu sekali.....
Thanks ya.....

BlaGaBloGer mengatakan...
on 

Suminten wonten pinggir margi, sadean kupat bumbune santen, Puniko dinten Riyadin sadaya kalepatan nyuwun pangapunten, Taqobalallahu minna wa minkum

Kotatahuku mengatakan...
on 

makasih atas informasi Cara Membuat Popular Post Widget

artikel ini sangat membantu sob

blog buat bloggers mengatakan...
on 

waaahh coba ahhh....keren nih....

resistanCe mengatakan...
on 

makasih atas infonya, langsung di pake

darksabda mengatakan...
on 

Ntar aku coba dulu nie. Thanks ya!

Tips Trik Komputer dan Windows mengatakan...
on 

Ngak tampil bro..ada cara lain ?

felixsdp mengatakan...
on 

kok ga bisa

Dhirgham Fathur Rohman mengatakan...
on 

ada yang singkat gak sob scriptnya?biar lebih cepet loadingnya

Astaga.com Lifestyle on The Net mengatakan...
on 

bang, kok saya ngikutin printah yang diatas malah yang muncul url-nya deh?coba cek deh blog saya http://movie2satu.blogspot.com
saya maunya cuma judul aja yang keluar, tapi script diatas saya copas malah jadi url doang yg keluar.
bls ke mail saya ya bang plis riofathurr@gmail.com
mohon pencerahannya bang. trims

Movie2satu mengatakan...
on 

mantap gan info nya

andy tamawiwy mengatakan...
on 

Ty Sob infonnya langsung Dicobaa..

Indiesans mengatakan...
on 

mantap habis deh

Gomes mengatakan...
on 

mantap nih om... makasih

dzoee mengatakan...
on 

udah ane tes widget nya gan tq..

AzzamDeV mengatakan...
on 

nice post gan...

Maservin ervin mengatakan...
on 

Posting Komentar

Tundukkan tangkai padi dengan komentarmu

 
back to top