Tutorial Cari Uang

Thursday, August 07, 2008

Blogger Random Post Widget

Kini bagi anda pengguna layanan blog Blogger.com atau bagi anda yang memiliki blog di blogspot, anda bisa memasang random post atau widget untuk menampilkan beberapa artikel secara acak pada blog anda. Tujuan dari pembuatan widget ini adalah mengatasi rasa gundah blogger bahwa posting-posting terdahulu yang sudah tersimpan di arsip jarang sekali ditengok oleh para pengunjung blog. Bila ada posting baru, maka posting lama akan segera terabaikan... Begitulah seterusnya terjadi secara berulang-ulang... Hingga akhirnya posting-posting lama tinggal kenangan saja... Sedih sekali.. Padahal bisa jadi ada banyak posting-posting lama yang menarik untuk disimak...

Metode yang dipakai dalam pembuatan widget ini adalah dengan menggunakan feed artikel dari blog yang diolah dengan bantuan aplikasi online pengolah RSS-feed milik Yahoo yaitu Yahoo Pipes.


Random Post Widget ini adalah beberapa posting atau artikel yang diambil secara acak dari keseluruhan posting anda (saya membatasi hanya 1000 post saja, jika blog anda lebih dari 1000 post silahkan kontak saya saja). Sejumlah artikel tersebut kemudian ditampilkan dalam daftar artikel acak.

Bila sebelumnya di salah satu postingan terdahulu, saya pernah menulis tentang Display Random Post yang hanya berfungsi seperti tombol 'Feeling Lucky' atau 'Saya Lagi Beruntung' nya Google. Tombol random post akan mengantarkan kita ke salah satu artikel dalam blog kita secara acak... Kita tidak bisa menebak, artikel apa yang bakan muncul.... Hehe..

Nah, random post widget ini adalah penyempurnaan dari display random post karena telah menampilkan beberapa artikel secara acak sehingga bisa dipilih oleh pembaca.

Jadi, jika anda memiliki banyak artikel di blog anda, dan berharap setiap artikel tersebut dibaca oleh pengunjung, ada baiknya anda memasang widget random post ini.

Blogger hack ini pertama kali dimunculkan disini kemudian saya modifikasi sedemikian rupa sehingga layak anda pasang di blog anda. Saya mengubah settingan widget, dari yang semula hanya menyedot sekitar 25 posting terakhir menjadi 1000 posting (bahkan bisa lebih tergantung permintaan anda). Ini saya lakukan dengan harapan bahwa susunan artikel acak ini nantinya mencakup total populasi artikel blog kita, sehingga bukan hanya sampel 25 posting saja. Saya juga menjadikan format feeds ke dalam bentuk standar feed blogspot, sehingga mudah dipakai oleh pengguna blogger ataupun custom domains.

<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=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget edited by <a href="http://anangku.blogspot.com/2008/08/blogger-random-post-widget.html">Anang </a></span>

Salin kode diatas dan ganti namablog dengan nama blog Blog*Spot anda. Kemudian masukkan pada page element HTML/JavaScript pada menu Edit Layout > Page Element pada Dasbor Blogger anda. Angka 10 menunjukkan jumlah artikel yang akan ditampilkan. Untuk merubah urutan nomer artikel anda bisa merubah <ol> menjadi <ul>.

Atau dengan cara yang lebih mudah anda bisa menggunakan form dibawah ini untuk menambahkan widget random post ini pada blog anda:



Widget ini disusun berdasarkan Display Random Feeds Feedburner yang dibuat oleh Pratyush dengan menggunakan bantuan aplikasi online Yahoo Pipes untuk memproses feed posting di blog anda dan akan ditampilkan menjadi susunan artikel secara acak pada widget ini.

Widget ini bisa dijalankan di FF, Opera, dan IE... Insyaallah......

Selamat mencoba...!

NB: Untuk nyoba ngetest dulu demo seperti apakah hasil kerjanya di blog anda.. Anda bisa mencoba disini terlebih dahulu..
http://pipes.yahoo.com/pipes/pipe.info?_id=ac99ebe0691031008a48d750fdbeaa67

Susunan artikel acak ini akan berubah-ubah setiap saat. Jadi jangan khawatir posting anda akan terlewati, semuanya ada giliran tayangnya sendiri-sendiri. Kalau ga percaya coba setiap menit refresh halaman ini dan lihat susunan random post di sidebar blog saya..... Hehe.. 022620be5e6f6a66359d63edb5055e66

76 comments:

  1. wah saya pake layout yang agak beda gitu bisa gak yah... tapi pengen sih...

    ReplyDelete
  2. ilmu br...
    nyoba praktek ah... :)

    ReplyDelete
  3. Akhirnya mas anang menunjukkan Taringnya sebagai Blogger.... Wkwkwkwkwkw....

    Yo wes lah gak iso dadi pertamae...Langsung tak pasang....

    ReplyDelete
  4. kalo di WP mending pakek azzaito's related post (beul ndak ya tulisannya? CMIIW...)

    ReplyDelete
  5. Yah....., saia udah pindah ke blogsome..... tapi sama aja ancurnya blog saia ehehehe. dasarnya saia ga bisa ngeblog wkakaka..

    ReplyDelete
  6. hebat... ini benar2 rajanya blogspot ....
    ntar datang ngak di Pesta Blogger 2008 ngak?

    ReplyDelete
  7. sayang sekali saya dah pindah

    ReplyDelete
  8. saya pake sistem komen haloscan juga bisa?

    ReplyDelete
  9. bagus tipsx mas..
    betewe koq dah pernah baca ya?
    apa re-post mas?
    hehehehehe...
    pi gpp..yang penting infox..
    :P

    ReplyDelete
  10. ikutan baca aja yaaaaaa, gak ada waktu buat nyoba (males kuwi yo iyo)

    ReplyDelete
  11. Thanks tutorialnya, ntar pas punya waktu banyak deh kucoba.

    ReplyDelete
  12. thanks infonya. bermanfaat banget nih:)

    ReplyDelete
  13. Great idea.
    but, still ribet ya pake blogspot, kenapa musti lewat feed luar? di wp bisa langsung ditampilkan via database dr blog kita.

    *tidak bermaksud mengenyek blogspot hahaha piss nang

    ReplyDelete
  14. wah mas, bisa disetel sesuai layout blog kita ga ? masa biru tubrukan ma ijo :(

    ReplyDelete
  15. Ini nih yg selama ini dicari. Thx infonya mas.. ;)

    ReplyDelete
  16. oh ya untuk template classic format feednya masih beda nanti saya updatenya lg.

    @ nrl : ga masalah apapun commenting systemnya tetep bisa pake widget ini...

    ReplyDelete
  17. *ngangguk-ngangguk*

    mana bisa di WP gggggrrrrr

    ReplyDelete
  18. oke mas thanks infonya, akan kami coba salam kenal

    ReplyDelete
  19. akhirnya keluar juga tutorialnya...

    ReplyDelete
  20. Aseeek... widget lagiii...
    nyobaiin... yo mass

    ReplyDelete
  21. ini dia masalahnya, widget ini lebih berguna bagi yang memiliki banyak artikel di blog.

    bayangkan, dalam ilustrasi di atas, setelah sistem mengacak, hasilnya akan muncul sepuluh artikel. bagi yang artikelnya cuman sembilan doang, aduh.... belum layak pake ini kali ya?

    oh iya, penjelasan di atas udah memadai. aku mau bantu jelasin dikit mengenai tampilan RANDOM POST.

    sepuluh artikel yang muncul bisasaja diawali dengan bullet atau semacam simbol. tapi bisa juga diubah menjadi nomor urut (1 sampe 10).

    caranya? sudah ditulis di atas sih... gini, cari di dalam script "/ul/"//> dan "ul". jika sudah ketemu, ul-nya diganti ol. gitu...

    truss... bikin widget untuk Artikel Terpopuler, gimana? mau dong...

    ReplyDelete
  22. kk...artikelnya sangat bermanfaat sekali
    TQ for sharing the artikel

    ReplyDelete
  23. waduh,,, mas anang yang ganteng paling bisa aja dech heh,e,, klo di bikin kaya wordpress/headshot nya feedburner bisa ga mas? hehe,,

    ReplyDelete
  24. sayang gak maniak blogspot. nunut absen ae lah cak :D

    ReplyDelete
  25. wes tak pajang di blog ku log, mas

    ReplyDelete
  26. Makasi pengetahuannya; mau coba dulu deh yach :)

    ReplyDelete
  27. Wah...info yang bagus buat newbie..Thanks Mas Anang

    ReplyDelete
  28. aduh setelah nyari sekian lama... tapi... waktu dicoba posting yang keluar kok itu2 aja ya? (di-refresh nggak ganti2, kecuali ganti browser)

    ReplyDelete
  29. Makasih mas Post Widget

    ReplyDelete
  30. ehhhh ilmunya bermanfaat tenan loh... maturnuwun nggih

    ReplyDelete
  31. okeh bang... ku coba...
    http://kakve-santi.blogspot.com

    ReplyDelete
  32. Terima kasih untuk artikelnya
    Maaf ada yang saya edit

    ReplyDelete
  33. Mas......!
    Pertama Random Postnya Jalan sich......

    Tapi beberapa Minggu Ini Ko ga Muncul ya?

    Pls Help Me

    ReplyDelete
  34. wah komentar yang pertamanih. paling dapat dilihat pada paling bawah.

    ReplyDelete
  35. Makasih infonya saya test di blog saya ya...

    ReplyDelete
  36. nyobak ah.............
    ngabsen ah.........

    ReplyDelete
  37. Ini berguna banget untuk blog saya mas, makasih yach mas

    Regards,
    Ghustie Samosir

    www.hanyainfo.blogspot.com

    ReplyDelete
  38. mantab nih...

    bisa dicoba ...

    Makaskih banyak ..

    ReplyDelete
  39. mantab nih..

    terima kasih banyak nih..


    http://d-aplikation.blogspot.com/

    ReplyDelete
  40. aku sudah pasang, tapi cuma judul yang ada. isinya tak ada. gimana?

    ReplyDelete
  41. Makasih sharenya ... di coba dulu gan !!! ^^

    http://all-softarchive.blogspot.com/

    visit back ya ^^

    ReplyDelete
  42. mas, waktu saya coba diblog saya, kok nongolnya lengkap banget sih? plus http://namasaya.blogspot.com/judulartikel.html
    kenapa begitu mas?
    bukankah seharusnya yang nongol cuma judul artikelnya saja?
    piye iki mas? afwan

    ReplyDelete
  43. Nice post, but still not working on mine.

    ReplyDelete
  44. terima kasih informasinya masbro, ane ijin nyobak dulu yah.. salam dari Lawang..

    ReplyDelete
  45. ane coba langsung bisa di blog ane, thank yaa :D

    ReplyDelete
  46. mau tanya bro..
    kalau yang ditunjukan hanya bbrp post tertentu caranya gmn??
    contohnya hanya post dengan label duit atau label tips and trik gt..

    mohon pencerahan..
    http://ourpremium.blogspot.com/

    ReplyDelete
  47. salam kenal...
    visit my blog in http://bayusetiawan11.blogspot.com
    plis follow balik.
    trims...
    :)

    ReplyDelete
  48. Nice Info.. Thank's Mas.. langsung ke TKP

    ReplyDelete
  49. Udah lama mencari, eh ketemu disini, terimakasih gan, langsung ke TKP nih, oh ya, bantu-bantu backlink dong, masih 0 no, http://semilirhati.blogspot.com

    ReplyDelete
  50. Mantap gan, it works. thanks before

    ReplyDelete

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)