Submit

57
Cara pasang "Random Post" (menampilkan posting secara acak)

Random post adalah suatu cara menampilkan posting secara acak, Sebenarnya cara memasang random post sudah lama ada dan sudah banyak yang menulis, namun blogger yang baru memulai membuat blog masih saja bingung, mungkin tutorila yang digunakan/ditemukan masih menggunakan bahasa inggris. Agar gak membuat sahabat blogger kecewa saya tulis aja artikelnya secara singkat.


Langkah mudah membuat Random Post:


Pertama:


Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)

Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>



<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "
http://www.o-om.com";

function randomPost() {
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
  script.setAttribute("src", theUrl);
  document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
  var totalResults = json.feed.openSearch$totalResults.$t;
  if (totalResults > 0) {
    getRandomPostNumber(totalResults);
  }
};
function getRandomPostNumber(totalResults) {
  var randomNumber = Math.floor((Math.random() * totalResults) + 1);
  getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
  script.setAttribute("src", theUrl);
  document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
  var theUrl = json.feed.entry[0].link[0].href;
  window.location.href = theUrl;
}
//]]>
</script>



=> Jangan lupa ganti warna merah diatas dengan nama blog kita, jika sudah jangan lupa disimpan



Kedua:


Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript


<a href="javascript:randomPost();">View Random Post</a>


Jangan lupa disimpan dan lihat hasilnya :)

 

Sumber: http://purplemoggy.blogspot.com/

 


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


57 comments:

Yusron mengatakan...

Thanks oom, salam kenal

Agus (o-om) mengatakan...

Thanks juga ya yusron..salam kenal balik dari om :)

lady mengatakan...

om, apa ada kelanjutan dr tutorial ini? udah saya coba kok ga keluar random postnya, hanya link 'view random post' aja yg keliatan. makasih

Agus (o-om) mengatakan...

>> lady : artikel nya tidak berlanjut :) itu sudah selesai kok lady :)

T i n T i n mengatakan...

Om, kalau saya mau ngasih posting awal = posting yang pertama kali saya bikin, gimana ? Biasanya kan posting yang muncul selalu urut tanggal terakhir posting selalu diatas, bisa dibalik nggak ?

paank Fachrezi mengatakan...

sama kayak lady

gwa.. mengatakan...

koq gag jalan ya om??
udah daku ikuti semua prosedur nya tapi gag kelua,
apa harus refresh page?
~x( ~x( ~x(
mohon bantua nya ya om...

erwan mengatakan...

mantab om....

Blogger Pemula mengatakan...

Lebih mempercantik Blog Saya Nih

Gamewalkz mengatakan...

om, kalo random postnya di klik kok malah yg random comments nya ya ? trus halamanya ga bisa di back ke halaman depan 8-}

Ocim mengatakan...

ini dia nih yg saya cari

Patria Fajar wibowo mengatakan...

tin gkyu keren banged chuy,, linkback gwe yah

Elsa mengatakan...

Wah, saya baru tahu kalau ternyata Blogger
bisa dibuat secanggih blog o-om :-o

Makasih artikelnya ya!

Anonim mengatakan...

@Lady
udah saya coba kok ga keluar random postnya, hanya link 'view random post' aja yg keliatan.

hal yang sama terjadi pada saya :((

kakve_santi mengatakan...

koq gag iso bang????
8-}8-}8-}8-}

redz mengatakan...

makasih om...belum dicoba sih tapi moga2 berhasil :)

Andryan mengatakan...

Thanks.... ;)

Ghustie Samosir mengatakan...

Bisa ditampilin langsung artikelnya gak yach om?

Regards,
Ghustie Samosir
www.hanyainfo.blogspot.com

Iman mengatakan...

salam kenal! makasi infonya

aribat mengatakan...

Assalamualaikum
Kujungn belajar

ipanauthor mengatakan...

tampilan di blog saya saat mengklik view random post kok berganti ke halaman feed ya?
mohon solusinya.

G.i.S mengatakan...

omm gak bisa... gimana nehh?? ~x(

tips komputer mengatakan...

terima kasih ya OM

YAR mengatakan...

thank you bos!

Anbu squad mengatakan...

makasih banyak om........... :D

poponk mengatakan...

omm sudah saya coba kok tetep gak bisa , maklum baru belajar

lubang bisnis mengatakan...

bisa kasih cara untuk menampilkan random post yang langsung keluar linknya secara acar tidak??

bayu mengatakan...

nyari untuk yang di wordpress om...
malah nemu utk yg blogger..

Oby nothing spesial mengatakan...

om o-oom ngepens banget nih
artikelnya
keyen keyen
mampir balik yah om o-om ke blogkuuu
zona-ketawa-kita.blogspot.com

E L V E N mengatakan...

om mau tanya dong... mohon ditanggapi..
cara nampilin semua postingan blog kita dlm menu yg bisa discroll.... gimana?

JOHAN JM mengatakan...

thank om... mampir juga ke http://johan-jm.blogspot.com/

anak muda mengatakan...

kalo pake hosting sendiri tinggal upload pluginnya yah om

Mang Eka mengatakan...

gak jalan om, sama ky lady dkk.,ada cra lain gak om?

RPraja mengatakan...

Jadi tidak terpatok pada Latest dan New Artiel ya Oom ^_^

integrated-information mengatakan...

bisa di coba nih, mantapzz

alvi mengatakan...

thingyuu om,,pemula ne,,hehe

mr.hackzy mengatakan...

thanks o-om..............
ijin praktewk........................

safana(ano) mengatakan...

salam knal....

Prista Fantasia mengatakan...

Mkasih Kang Agus Tutorialnya :)

Bacawawasan mengatakan...

mas kalo pasang'a di wordpress pt g self-hosted gmn????

gène 美しい mengatakan...

mantap om biar lebih lengkap masukin caranya pasang scroll di random postnya. THX

Suhaila mengatakan...

Cxixiixixxi hancur dah... mana lupa back up lg....

Albarra Harahap mengatakan...

g nongol gan...
gmn solusinya
at : http://sharemyeyes.blogspot.com/

Yohanes mengatakan...

kayaknya ada kesalahan...random post tidak keluar

Meri Wardana mengatakan...

langsung ke TKP untuk dpraktekin,,thanks mas

nightcrawler mengatakan...

matur thankiu o-om

Medicine Of Herbal mengatakan...

untuk wordpress ada nga gan??
pening dah nyari caranya mas..

Androlic mengatakan...

iya nih om, rekues buat wordpres donk,
saya juga dah nyari nyari yang tanpa plugin kok ga dapet2
thx

Cek Info mengatakan...

kalo untuk d bawah post ad gk om?

lathif mengatakan...

thanks za om....

UcoekMedan mengatakan...

Mas OOM jangan Asal Copas, pelajari dulu atau peraktekan dulu di blog saudara,Tutorial ini sudah saya coba tidak jalan, kasian kan yang lupa backup template--templatenya jadi ancur..untung aku sempat backup..proofessional jadi blogger..jangan Copas tapi uji dulu

NGalor Ngidul mengatakan...

gan..
klo related post dengan thumbnail (gambar) yang bisa muncul di homepage gimana caranya ya??
ane coba bikin tapi gak bisa2...
^_^
maklum, newbie....

Jeun Chi Rei ki mengatakan...

ato bikin random post dengan thumbnail...
klo recent-post kan bentuknya berurutan,
nah ane coba bikin yang acak gitu....
jadi setiap posting di buka hasil yang nongol juga beda,,,,

Rouen mengatakan...

wih ada navigasi zoomtemplatenya

xbacktrack mengatakan...

oom gak bisa, bisa kasih tutorial yang laen kaga???

"Cara Membuat Popular Post Bergerak" mengatakan...

Nice info gan!!! :D. Membuat Populer Post Bergerak, atau Scroll pada bagian sidebar.. cukup menarik dan membuat blog cantik.. dan katanya cara ini bisa menSEOkan blog Agan.. :D
I like sidebar bergerak he he he....

Gumanta-info mengatakan...

bagus gan... tampilannya lebih menarik.. :D

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.