Membuat random post blog secara dinamis

Widget ini Bisa membuat tampilan blog anda lebih maksimal, dikarenakan tidak hanya recent post aja yang terlihat, tetapi postingan-postingan terdahulu akan di tampilkan/view secara acak sehingga pembaca akan mengetahui isi blog anda meskipun tidak secara keseluruhan.

Kelebihan widget ini adalah tempat/space yang dibutuhkan sangat simpel dan ringkas. Widget ini memakai Javascript dan yang paling unik dari widget random post ini adalah pergantian post secara dinamis atau bisa dibilang secara slideshow. Menarik bukan???  tertarik ingin mencobanya???
Scrennshotnya kok screenshotnya ambil halaman muka! hehehehe



LIVE DEMO KLIK DISINI….<balik kucing nih,,,, piss>
Untuk listing kodenya silahkan copy/kopi kode Javascript dibawah 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 #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;}
</style>

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2j

Ss52yGHKNXjYTcwvNBQjGizh_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://NAMABLOGKAMU.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>

Keterangan penting gaaann!!!!!:

Jika ada error pas kopi paste program periksa tanda petiknya biasanya disini sering terjadi error>

pada kode yang tercetak tebal “NAMABLOGKAMU.blogspot.com” ganti dengan url blog kamu sob!! ngerti khan??

Untuk urusan kecepatan saat ganti slide/post silahkan anda temukan kodenya,, “numResults : 1000, stacked : true,” Insaallah ini kodingnya,,