Cara Membuat Random Post di Blogger

Dah sekian lama jarang update blog lagi skarang mau coba share
Cara Membuat Random Post Di Blogger langsung aja ya .. :D

Random post ini disebut dengan random post dinamis, karena tampilannya yang berupa slide. Dengan tampilan slide tersebut, tentu random post ini juga akan menarik perhatian pengunjung. 

Bagi anda yang jarang mengupdate blog, mungkin widget ini cukup berguna. Karena semua artikel yang ada di blog anda akan ditampilkan secara acak nantinya dengan menggunakan widget ini.

1. Log in ke blogger.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode
4. Cari kode ]]></b:skin>.
5. Copy kode berikut di atas kode tadi

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

5. Simpan template.

Setelah Melakukan itu Lakukan cara ini

1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).
   
   
   
   
3. Pilih gadget HTML/JavaScript.
   
   
4. Copy-paste script berikut ke dalam gadget 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://namablog.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>

5. Jangan lupa ganti nama blog anda.
6. Simpan gadget.

Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).

Selamat mencoba!

Related Post: