Membuat Random Post

Untuk Membuat Random post atau menampilkan postingan secara acak itu sangat mudah dan simple hanyamenambahkan sebuah Gadget saja. Random Post ini berguna untuk mempercantik blog sobat dan menarik visitor untuk berkunjung di blog sobat sehingga blog sobat nyaman untuk di kunjungi namun widget ini akan sedikit membuat blog sobat berat pula.

DEMO DISINI

Sebelumnya saya minta maaf karena sudah lama tidak mengupdate blog oketrik sebab saya lagi membuat sebuah template untuk blog ini, karena banyak sobat-sobat dan pengunjung bilang blog qu berat makannya saya membuat template untuk memberikan kenyamanan kepada pengunjung blog setia qu, tapi tenang saja sesibuknya saya, saya pasti akan mengupdate blog ini dengan Trik-Trik yang Keren. Menurut sobat semua blog ini berisi trik yang keren g? kalau sobat semua punya saran atau kritik untuk blog ini harap beritahu saya lewat Email bisa, lewat buku tamu bisa, dan lewat kotak komentar pun bisa pokonya bisa lewat mana aja deh ^_^.

Sekarang kembali ke cara Pembuatan Random Post atau menampilkan post secara acak. kalau mau buat sobat bisa ikuti langkah di bawah ini tapi kalau tidak mau y tidak apa-apa tapi kasih komentar y :D, oke langsung ke caranya ajach y :

1. Seperti biasa login ke blogger dengan ID sobat sendiri
2. Masuk ke Tata Letak ==>> Elemen Halaman
3. setelah itu Tambahkan sebuah Gadget seperti gambar di bawah ini
   
   
   
4. setelah itu akan keluar tampilan seperti di bawah ini
   
   
5. setelah memilihnya masukan kode di bawah ini ke dalamnya lalu simpan, seperti tampilan di bawah ini
   
   
   <style type="text/css"> .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 #262626;} .gfg-title {font-size: 16px;font-weight : bold;color : #00ff00;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;} .gfg-subtitle {font-size: 14px;font-weight: bold;color: #000;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;} .gfg-subtitle a {color : #fff;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:#00ff00;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: #fff;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: #fff;} </style> <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://oketrik.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; 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>
   
   
   
   Penjelasan :
   • 00ff00 => menunjukan kode warna judul postingan yang di tampilkan secara acak
   • fff => menunjukan warna dari teks deskripsi dari judul post yang di tampilkan secara acak
   • Dari teks yang berwarna di atas sobat bisa menggantinya atau memodifikasinya dengan menggantikan kode tersebut. Untuk mengetahui kode warna yang di ingin kan sobat bisa mengunjungi disini.
   
   
6. setelah itu selesai dech