Xceria Blogger Indonesia

Cara Membuat Random Post di Wordpress

Random Post Wordpress
Cara membuat random post di Wordpress (Self-Hosted). Website dengan platform wordpress (Self-Hosted) juga bisa menggunakan random post yang sudah pernah saya posting-kan ini. Sebenarnya hampir sama dengan blogger. Perbedaan scriptnya hanya terletak pada url feed.

Posting ini saya buat karena ada salah satu pembaca yang menanyakan tutorial random post ini untuk platform wordpress. Seperti random post di blogger, random post ini juga menampilkan post secara berganti dan berupa slide.

Langsung saja ikuti tutorialnya!

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.
  1. Log in ke situs anda.
  2. Pilih menu Appearance » Editor » Stylesheet (style.css).
  3. Copy kode berikut ke bagian paling bawah.
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
  1. Simpan (Klik Mutakhirkan Berkas).

Script Random Post

Untuk script random post ikuti langkah-langkah berikut.
  1. Pilih menu Appearance » Widget.
  2. Tarik widget teks ke kolom sidebar.
    wordpress edit HTML

    wordpress edit HTML
  3. Isi judul widget.
  4. Copy-paste script berikut ke dalam widget tadi.
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://www.namablog.com/feed/'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>
  1. Ganti nama blog anda.
  2. Simpan widget.
Sekarang lihat website anda! Postingan anda akan tampil secara random (acak) di bagian sidebar.

Selain dengan cara di atas Anda juga bisa menampilkan postingan secara acak dengan menggunakan plugin yang tersedia di wordpress.

Selamat mencoba!

156 comments

wah, tutorial WP yah sob, btw ane msh pake blogger, gak paham WP hehehe..
thx udh shre sob happy blogging

balas

hmmm... nice info.. tp skrg aku dah ga pakai wp lg.. menekuni blogspot.. heee

balas

Wah tutorial yang sangat menarik sekalii gan.. Thx!

balas

postingnya sangat bermanfaat
makasih ya..saya akan coba
:)

balas

nice info,.
informasi yg sangat bermanfaat khususnya bagi orng yg kurang memahami hal yg demikian seperti saya.
mksh banyak.

balas

thanks for the info and explanation provided

balas

Posting yang bagus dan bermanfaat..

balas

Nice information about wardress blogger. They will be greatly helped.

balas

You have added many information about wordpress in this post.Thanks for your nice post.

balas

Makasih boss atas infonya, akan saya coba praktekan, salam dan sukses selalu ya...

balas

Sangat Inspiratif dan memberi motivasi bagi saya agar lebih bersemangat untuk berkarya. Makasi yah mas info artikelnya, smoga tipsnya brmanfaat bagi saya :)

balas

Interesting concept used on the coding

balas

setau saya theme wordpress kebanyakan sudah menyertakan random post widget

balas

klo untuk yang gratisan ga bisa ya pak ?

balas

makasih tips nya gan..sgt bermanfaat

balas

thanks infonya,
mo nanya nih mas, kalo membuat random post di bawah header pake featured image itu gimana yach,,?
soalnya lbih mantap tpi di cari tutorialnya k mana-mana blom ktemu,,, :(
oh ya, salam knal ya buat smuanya,,, :)

balas

I have got a very good idea about wordpress..Thanks a loottt

balas

mas. gw pake wordpress..... buat tutorial caranya buat related post yang cantik dunk......

balas

Thanks for sharing such a good read....

balas

Hmm,leh nanya gak? Keunggulan SEO jika pakai wordpress apa saja? Maaf belum pernah pake WP

balas

thanks for sharing information for your blog and very nice blog site i really impressed and wanr some more stuffs again for this post
Cara membuat random post di Wordpress

balas

pengen juga ngeblog pake wordpres... kayaknya menarik :)

balas

Terima kasih atas informasi ini berguna. Kind regards!

balas

makasih gan informasinya...

balas

slam knal ja dari saya gan

balas

Thanks for sharing nice article, i like it so much

balas

Great article and helpful tips. It’s nice to see that people still take the time to teach others by offering free advice and information. That’s what keeps ‘em coming back!

balas

waktu liat di blog Demo.. kok yang keluar cuma 1 postingan doang ya..

balas

Thank you for another fantastic blog. Where else could I get this kind of information written in such an incite full way? I have a project that I am just now working on, and I have been looking for such information..

balas

Great Sharing. This is what i was waiting for.

balas

Thanks for sharing this great post. It’s very enlightening. I absolutely love to read informative stuff. Looking forward to find out more and acquire further knowledge from here! Cheers!

balas

Saying gratitude will not very soon be satisfactory, for the outstanding precision in your lettering. I will accurate away grab your RSS give food to exist in side by side of any updates.

balas

This was just the sort of Wordpress information that I was wondering about.

balas

Saying thanks will not very soon be adequate, for the exceptional precision in your lettering. I will accurate away grab your RSS give food to exist in side by side of any up comings.

balas

Awesome Post & Most Important Awesome Links, Very Useful Post, I may Consider it While Moving thinking

balas

Great job on writing this article. I enjoyed reading it! I will keep coming back to read more of your future posts. Thanks!

balas

makasih infonya gan...

balas

Great article. you writen a very informative and helpful tips. I also read you other post and also M coming back soon for more informative and attractive post's

balas

I visualize thanking the blogger very much not only for this post excluding also for his all preceding efforts. I found "insert your blog URL here" to be greatly striking. I will be coming back to "insert your blog URL here" for more in order

balas

Thank Kang tutorialnya :) sangat membantu saya

balas

thank's infonya bro, infonya sangat-sangat bermanfaat buat saya...

balas

I want to thank the blogger very much not only for this post but also for his all previous efforts. ...

balas

nice info...
kalo random post yang mau ditampilin, bagian mana nya yg hrus d ubah??

balas

Let me try these codes, if i got this box in a good manner, then i must say thanks to you for such an informative and useful blog...

balas

That's so cute and lovely, thanks for sharing such a nice post, I would like to say a big thanks to you for sharing such a nice picture with us.

balas

Terimakasih atas infonya...

balas

Thanks for Share Ilmunya Bang....

Mampir2 yah ke blog ane...

balas

Nice post. Thanks for the great info!

balas

Nice tutorial. good job

balas

Happy blogging kawand, smuga menambah persaudaraan

balas

Happy blogging teman teman

balas

You know, I have to tell you, I really enjoy this blog and the insight from everyone who participates. I find it to be refreshing and very informative. I wish there were more blogs like it.

balas

Happy blogging teman teman

balas

Salam kenal ya kawand,,, thxz infonya

balas

Thxz infonya ya kawan

balas

Happy blogging kawand, smuga menambah persaudaraan

balas

nice post. salam kenal gan. thanks ud shering..

balas

Tiap kesini pasti selalu dapet ilmu baru.. Makasih ya boss! =D

Siap ane pake deh di blog ane :)

balas

wp emang keren palagi buat seo2an

balas

Happy blogging kawand, smuga menambah persaudaraan

balas

thanks for u info

balas

I got here which I was looking for over 3 months. Thank you.

balas

Mkasih Bang tut0rialnya membantu sekali :)

balas

I agree with you this is informative post.

balas

makasih tutorialnya ngeblog

blog ini cukup ramai sekali , penataanya juga cukup bagus ditambah dengan artikel yang bagus pula , sungguh sangat sempurna !!!
Salam Kenal !!!
Jangan lupa berkunjung ke blog saya
Terima kasih

balas

one of the best info and tutorial I read, good job

balas

wah, makasih mas ilmunya,,, bermanfaat nie bagi para newbie...

balas

Salam kenal ya kawand,,, thxz infonya

balas

sangat bermanfaat mas bro. keep in touch :)

balas

mantabs kang infonya, ane praktekin di web ane ya?....

balas

ok.gan saya langsung coba
makasih atas infonya

balas

Thanks tutorialnya gan bagus...

balas

thanks mas. :) langsung dipraktekin.. ;)

balas

thanks for the info and explanation provided

balas

makasih infonya,,,
boleh langsung dicoba,,,
sukses slalu,,,

balas

thanks share nya..salam kenal sob:)

balas

wah klo harus otak - atik css agak ribet, nanti yang ada malah jadi berantakan

balas

This is really useful code, thanks for sharing this info.
Great post, keep it up!

balas

wah gan, ini yang lg gw cari nemunya disini.

makasih bos di coba dulu..

balas

assalamualikum mas rivai
wah keren tutorialnya.. saya gak sampai kepikiran untuk ngasih widget random post kek gini. btw ada tutorial related post untuk wordpress ndag mas?

balas

siiip banget. terimakasih atas tutorialnya mas

balas

wah tulisan bagus.. Ini yang saya cari dari dulu

balas

thanks gan dah share....mau dicoba sek

balas

trims buat tips nya, langsung praktek

balas

nice tips gan, langsung ke tkp

balas

terima kasih atas infonya dan saya kurang paham mengenai wordpres.mohon artikelnya di tambah dan diperjelas lagi biar mantap.good luck.

balas

Its really a very informative posting indeed. I have got some valuable info from your post. Thanks for sharing such cool stuff with us.

balas

Makasih buat infonya gan.. langsung dicoba nih.

balas

Such a nice post very informative information thanks for sharing.

balas

saya masih newbie banget di wordpress... bagus nih untuk coba2..

balas

Bagus gan caranya. Cara-cara mengatur stylesheet sangat bermanfaat. Dan membuat tampilan website jadi beda. Terima kasih.
http://caramembuatblog.info

balas

terima kasih atas infonya semoga sangat bermanfaat untuk semuanya.share nya juga,kunjungan perdananya langsung ke tkp.lam kenal aja.

balas

Inspiring post and really helpful as well.

Sophie

balas

terima kasih tipsnya semoga bermanfaat dan sukses

balas

NIce info gan, dicoba dulu ah,.. thanks

balas

ok juga bos cara nya..

mksih bnyak ya.
jgn lupa folow balik

balas

random post itu kalo gak salah bagus juga untuk SEO.. hal ini karena halaman depan blog akan selalu berubah..., jadi fresh bot ngiranya update terus... bener gak? saya juga pake random product..

balas

untuk ilmu nya mantaaap..

mksih ya sobat..

balas

nice to see that people still take the time to teach others by offering free advice and information. That’s what keeps them coming back :)

balas

Terima kasih atas informasi ini. Pertahankan kerja bagus. Removals company

balas

In order to use a hard drive, or a portion of a hard drive, in Windows you need to first partition it and then format it. This process will then assign a drive letter to the partition allowing you to access it in order to use it to store and retrieve data.

balas

postingan yang bermanfaat,,,

makasi buat infonya,nanti di coba dech

balas

Thanks for sharing nice blog post, i like it so much

balas

kebetulan nih lagi pake wordpress,,menarik juga buat dicoba,,,,makasih dah berbagi ,sukses trus,,,

balas

maksih y gan dah mepermudah,, tinggal copas deh,,hehehe
makasih..makasih...makasih...he

balas

terima kasih atas info blog word presnya.lam kenal.

balas

kirain susah ternyata gampang juga, thanks gan atas tutorialnya

balas

Certainly this information will actually be of great help to me. I indeed agree to some factors that you have discussed on this entry.

balas

makasih inpfo nya

balas

makasih ya teman atas info nya

balas

wah tulisanya sangat keren,semoga sukses dan maju terus

balas

Its good read . keep posting

balas

Sangat informatif! Saya juga dapat menggunakan panduan ini untuk mengirim beberapa entri ke blog saya.
Terima kasih untuk berbagi!

balas

nice post
informasi yg bagus dan menarik

balas

Hi blow owner,
This is really what I'm looking for, event that there is actually a plugin that work the same this

balas

info nya sanagat bagus dan sanagt menarik nie.......

balas

Wordpress one of the most use tech in web development.

balas

ok bos,
makasih infonya,,,,,,,

balas

Saya sangat berterima kasih atas pemberitahuannya ?
Semoga Setelah saya coba bisa berhasilnya oky ?

balas

Bukankah dengan cara ini justru malah jadi tak terstruktur dan seolah-olah jadi gak rapi ?

balas

Nice post gan.. Thanks ya info nya..

Salam kenal ya gan.
Pabrik Tas Jakarta

balas

makasih banyak buat postingannya ,,
postingannya bermanfaat sekali ..
mau dicoba akh biar lebih paham lagi ,, makasih ea ..

balas

mksih bnyak ka tentang artikelnya,,

balas

makasih sob..., postingnya mantab euy, mau tak coba dulu.

balas

waw keren turorialnya
makasih yaa atas ilmunya

balas

ane minta izin langsung coba ya alias praktek...thank's ya atas infonya...

balas

wampang nih klo udah ada tutorialnya

balas

tutorial yang sangat bermanfaat,,thks infonya

balas

artikel nya bagus,dan ber manfaat buat saya,makasih yahh

balas

pagerank nya lumayan gan

balas

Dari postingan anda yang bermanfaat ini bisa bikiin perubahan lebihh maju lagii buat saya.. makasih yahh gan ,,,

balas

woooooow very nice article. it's help me to know a lot about blogging.

balas

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck!

balas

infonya bagus gan.....makasih
http://bukusarah.blogspot.com

balas

wah mantap scripnya, . salam sukses

balas

infone bagus gan :
http://sarahnetslawi.blogspot.com
http://umidansarah.blogspot.com/

balas

Nice writing. I think your website should come up much higher in the search results than where it is showing up right now...

balas

I have already consulted the videos on Word Press, but they seems so spread out. I am looking for a step by step process with a clear beginning middle and end with objective putting up a blog that I can include an opt-in form. I have a vision of what I want to accomplish, but my efforts searching for guidance is keeping me busy, not productive. Suggestions?Thanks for sharing the information.

balas

Makasih tutorialnya kereenn

balas

makasih gan infonya, bermanfaat bgt nih buat ane :)

balas

makasih mas infionya sangat membantu dan bermanfaat sekali
saya tunggu postingan terbarunya mas !

balas

maksudnya bisa posting sendiri yah gan ?

balas

berbagi itu lebih baik . alhamdulillah bertemu web ini .
trimakasih
bravo untuk anda yang mengelola site ini .
sukses yah semoga bisa menjadi inspirasi untuk yg lain..

balas

mkasih sangat bermanfaat sekali gan

balas

makasih infonya gan:)
tutorial bermanfaat bagi say..

balas

thank infonya, bermanfaat sekali untuk saya

balas
:) :( ;) :D =D :w :c :d -) -| :v =( ^: :o :C :-

Silahkan berkomentar sesuai dengan artikel. Dilarang berkomentar spam dan menulis iklan!

« »
 
Back to top