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



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