Blog Arozaq >> Blog Tempat Arozaq Berbagi Ilmu >> Dengan Blog Kita Sukses >> Blog Arozaq >> Tempat Berinspirasi Menuahkan Semua Isi Fikiran dan Semoga Bermanfaat

Saturday, October 23, 2010

Home » » » » Cara Membuat Random Post Dinamis

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>

Related Posts by Categories

Tips Trik Blogger
Membuat Random Post Dinamis


    Widget by arozaq.com

    11 comments:

    1. NEO Survey Asian memberikan penghasilan dahsyat untuk Anda !
      http://neosurveyasian.com

      ReplyDelete
    2. Nice bro.. Trim's kunjung kmbali yah!

      ReplyDelete
    3. Mantaf habis om
      salam kunjungan dari

      http://bee4iklan.blogspot.com
      http://bee4bisnis.blogspot.com

      ReplyDelete
    4. Makasih ya sob. Jajal kutak katik diblogku ah!!

      ReplyDelete
    5. terimakasih sob..
      saya coba dulu ea.. :)

      ReplyDelete
    6. mantap ,ini yang kucari ,,kunjungi blog ku gan http://situsku-tutorialku.blogspot.com/

      ReplyDelete