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




Artikel Populer
Random Artikel
-
 

63 komentar:

Paams said...

am i pertamax?

Paams said...

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

mybenjeng said...

nice post

Rydisa said...

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

Frenavit Putra said...

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

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

Dzofar said...

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

franciska dyah said...

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

aRuL said...

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

kw said...

sayang sekali saya dah pindah

nrl said...

saya pake sistem komen haloscan juga bisa?

aprie said...

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

diorockout said...

hmm..
hmm..
hmm..
something strange..

kenny said...

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

Ani said...

Thanks tutorialnya, ntar pas punya waktu banyak deh kucoba.

nita said...

thanks infonya. bermanfaat banget nih:)

masadrians said...

nice post

Epat said...

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

Panda said...

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

mfajrinet said...

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

Anang said...

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

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

mercuryfalling said...

*ngangguk-ngangguk*

mana bisa di WP gggggrrrrr

ekspresi.hati said...

oke mas thanks infonya, akan kami coba salam kenal

Pekanbaru! Riau said...

akhirnya keluar juga tutorialnya...

firdaus said...

Aseeek... widget lagiii...
nyobaiin... yo mass

Hidayatullah said...

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...

squall said...

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

frendli said...

makasih mas... udah ku pasang :)

Shedtya said...

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

mantan kyai said...

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

Caroline Sutrisno said...

wes tak pajang di blog ku log, mas

Artha said...

Makasi pengetahuannya; mau coba dulu deh yach :)

Bintang Disurga said...

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

syilpid said...

manteb blognya...... :D

destyan said...

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

is150 said...

terima kasih...

Anas said...

Thx mas Anang..

Welly said...

saya coba yah mas.. salam kenal.

bambangxp said...

Makasih mas Post Widget

Milla Widia N said...

ehhhh ilmunya bermanfaat tenan loh... maturnuwun nggih

Tri Ubaya said...




Makasih bnyk mas tutornya..
bener2 bermanfaat bgt!

http://triubaya.blogspot.com

KURNIA SEPTA said...

oke deh

yoyo said...

makasih widgetnya mas :D

GRIYA COMMUNICATION said...

sepi

endone said...

terimakasih om atas tutorialnya

kakve_santi said...

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

Anton said...

Terima kasih untuk artikelnya
Maaf ada yang saya edit

Budi Darma said...

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

Tapi beberapa Minggu Ini Ko ga Muncul ya?

Pls Help Me

anawia said...

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

Majid Hamidi Nanlohy said...

Makasih infonya saya test di blog saya ya...

Aplikasi Facebook said...

aplikasi facebook terbaru di sini !!

ahmad said...

nyobak ah.............
ngabsen ah.........

Agung said...

mantab, aku pake ya...

wisata seo sadau said...

wah makasih mas ini yg saya tunggu

Goo_blog said...

makasih ilmunya langsung oprek

ahmad said...

matursuwun............

ardianz said...

thx infonya, say praktekan

dr.Iman said...

terima kasih ya, sudah saya pake

G.i.S said...

makasih ilmuna kang,....

Ghustie Samosir said...

Ini berguna banget untuk blog saya mas, makasih yach mas

Regards,
Ghustie Samosir

www.hanyainfo.blogspot.com

ahmad said...

terimaksih....
udah aq coba...

brama said...

mantab nih...

bisa dicoba ...

Makaskih banyak ..

brama said...

mantab nih..

terima kasih banyak nih..


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

Sea word said...

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

Kirim Komentar Anda

Gunakan link dibawah ini jika form komentar tidak bisa digunakan
(Klik disini untuk mengirim komentar anda)

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)