Cara Membuat Random Post Dinamis

widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.

Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur. Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.

Jadi, tertarik untuk memasang? ini dia script code-nya:

Cara memasang random post dinami inipun cukup mudah, Silahkan sobat pasang di sidebar : masuk ke blog sobat >> Layout >> Add Gadget >> HTML/Javascript >> copy and paste kode dibawah ini dan tempatkan di HTML/Javascript >> simpan/save >> lihat hasilnya.

Note: Ganti Url yang berwarna merah dengan alamat blog kamu.

 

 

    <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=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://a-rozaq.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>