Random post Ringan dengan thumbnail di blog

S elamat datang kembali di blog sederhana saya..., kali ini saya mau kasih script Random post Ringan yang keren Scrip ini saya dapat dar ?? Lupa karena udah lama bingit.
random post itu mempunyai banyak kelebihan karena setiap kali pengunjung yang datang akan selalu melihat artikel/postingan yang berbeda beda, yang membuat pengunjung yang berlama-lama di blog anda karena selalu melihat artikel/posting menarik di blog anda , penampakannya di bawah ini





 Copy script di bawah dan > tambah gadget

<style>
    <!--
    #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:black;width:60px;height:60px;padding:3px}
    -->
    </style>
    <ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=10;
    var rdp_snippet_length=60;
    var rdp_info='yes';
    var rdp_comment='Comment';
    var rdp_disable='';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>

Warna MERAH jumlah artikel ganti sesuai keinginan anda
Semoga tutorial ini bermanfaat terimakasih
loading...

ARTIKEL TERBARU:

ARTIKEL LAINYA:

    Direkomendasikan

    Cara membuat Text bergerak di menu tab / bar

    D atang lagi di blog sederhana bantoel.com, dan sekarang saya ingin memberi trik cara membuat teks pada menu bar mozila dll bergerak atau berjalan SS seperti di bawah 


                                              DEMO

    Caranya sangat mudah
    1. masuk rancangan > template > Edit HTML
    2. Cari kode </head>
    3. Copy script di bawah dan taruh di atas </head> seperti ini






     Copy script ini

    msg = " -- Selamat datang di Bantoel.com ";
    msg = " | www.bantoel.com -- " + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    Warna BIRU ganti tulisan sesuka kalian, semoga trik saya bermanfaat terimakasih

    loading...

    ARTIKEL TERBARU:

    ARTIKEL LAINYA:

      Direkomendasikan

      Memasang tombol shre socmed keren



      Cara memasang tombol share keren dengan efek slide  yang terlihat elegan , ga usah basa basi langsung aja cekibrot.

        Copy script di bawah
      <style>
          .SlidingSocial a{float:left;display:inline;margin-right:8px}
          .SlidingSocial a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
          .SlidingSocial  a{display:block;width:32px;height:32px;text-indent:-9999px;background-color:none;background:transparent url("https://lh5.googleusercontent.com/-9-xfdExpVCs/UgZHi7mnhlI/AAAAAAAABfA/ocF3QnOHF8M/s164/SlidingSocial.png") 0 0 no-repeat;-xwebkit-opacity:.7;-xmoz-opacity:.7;xopacity:.7;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
          #iconTwitter{background-position:-33px -33px}
          #iconTwitter:hover{background-position:-33px 0}
          #iconFacebook{background-position:-66px -33px}
          #iconFacebook:hover{background-position:-66px 0}
          #iconRSS{background-position:0 -33px}
          #iconRSS:hover{background-position:0 0}
          #iconYouTube{background-position:-99px -33px}
          #iconYouTube:hover{background-position:-99px 0}
          #iconGooglePlus{background-position:-132px -33px}
          #iconGooglePlus:hover{background-position:-132px 0}
          </style>
          <br />
      <div class="SlidingSocial">
      <a href="http://feeds.feedburner.com/" id="iconRSS" target="_blank" title="RSS Feed">RSS</a>
          <a href="http://twitter.com/" id="iconTwitter" target="_blank" title="Twitter">Twitter</a>
          <a href="http://www.facebook.com/" id="iconFacebook" target="_blank" title="Facebook Page">Facebook</a>
          <a href="http://www.youtube.com/" id="iconYouTube" target="_blank" title="YouTube Channel">YouTube</a>
          <a href="https://plus.google.com/" id="iconGooglePlus" target="_blank" title="Google Plus">Google+</a>
          </div>
      LIVE DEMO


      loading...

      ARTIKEL TERBARU:

      ARTIKEL LAINYA:

        Direkomendasikan

        Cara memasang iklan berdampingan

        halo sobat... senang rasanya bisa posting lagi.., setelah sebelumnya saya posting tentang cara membuat rating bintang pada postingan di blogger ,kali ini saya mau share cara menampilkan iklan berdampingan di samping, cara ini sangat baik untuk di tampilkan di bawah postingan karena tidak akan memakan ruang pada blog/wp.  cara ini sudah saya terapkan di wp saya dan tentunya ini juga berlaku untuk blogger dan tentunya dengan cara yang sama . Namun perlu di ketahui bahwa pada saat anda memasang banner pilih banner yang sesuai pada ruang blog anda cintihnya 250x250,  300x250, 160x600  dan tidak di anjurkan untuk iklan lebar.


        nanti akan seperti ini penampakanya


        dan berikut cara penerapanya

        pertama masuk ke akun WP/blogger anda

        kemudian copy script di bawah

        <table border="0" bordercolor="#336699" cellpadding="0" cellspacing="0"><tbody>
        <tr> <td>

        UNIT IKLAN PERTAMA

        </td><td>
        </td><td>

        UNIT IKLAN KEDUA

        </td> </tr>
        </tbody></table>

        untuk Wp masuk apperance>editor>single php taruh di atas content
        untuk blogger masuk ke edit HTML dan taruh di bawah <data:post.body/>
        untuk blogger harus di PARSE dulu.

        untuk yang belum paham silahkan tinggalkan komentar di bawah untuk keterangan lebih lanjut.

        demikian tips saya semoga bermanfaat terimakasih.

        loading...

        ARTIKEL TERBARU:

        ARTIKEL LAINYA:

          Direkomendasikan

          Cara memasang iklan melayang di bawah 300x100

          Selamat datang sobat, setelah cukup lama saya jarang posting, kali ini saya mau share tentang cara menempatkan iklan melayang di biwah... , ukuran 300x100 cara ini cukup banyak mendapatkan $ karena posisinya yang tepat memungkin orang mengklik iklan. rata-rata pengunjung menggunakan hp yang pastinya posisi iklan ini sangat tepat .contoh screnshoot nya seperti di bawah.





          Cara pertama copy script di bawah

           <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><br /><script type='text/javascript'>$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});</script><style type='text/css'>div#btm_banner {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}div#btm_banner img{border:0;cursor:pointer;}</style><div style='height: 0px;'></div><div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'><div style='text-align: right; width: 300px; height: 6px;'><img id='closed' src='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div><div style='clear: both;'></div><p><p><center>  LETAKAN KODE IKLAN SOBAT DISINI </center></p></p></div>


          Ganti Tulisan berwarna merah dengan script iklan anda, lalu simpan dan lihat hasilnya, terimakasih semoga tips saya bermanfaat.
          loading...

          ARTIKEL TERBARU:

          ARTIKEL LAINYA:

            Direkomendasikan

            Cara membuat Join blog bergerak

            Selamat datang kembali di blog sederhana saya ... kali ini saya mau berbagi tips cara membuat join this site bergerak.


            Dibawah ini adalah yang tidak bergerak.


            Copy script di bawah dan pasang di sidebar sobat
             <a href='http://www.blogger.com/follow-blog.g?blogID=12345678965456' rel="nofollow" target="_blank"><img alt="Join This Site" src="https://lh3.googleusercontent.com/-hv6VicWsNFM/T5q-QV4D1YI/AAAAAAAAAD8/CttNp8Ztjjk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a>
                                       Yang warna merah ganti dengan ID blog sobat


             Dan di bawah ini adalah Join blog yang bergerak memantul , jadi sobat tinggal menambahkan kode  <marquee behavior='alternate'>  SCRIPT JOIN SITE ANDA </marquee>

            Dan yang di bawah ini adalah Join Blog yang menembus dinding, saya menyebutnya Join setan hehe

            Sama seperti cara di atas sobat cuma tinggal menambahkan script  <marquee> SCRIPT JOIN TADI </marquee>

            YUPS semoga tips saya ini masih bermanfaat. salam blogger
            loading...

            ARTIKEL TERBARU:

            ARTIKEL LAINYA:

              Direkomendasikan

              Cara daftarkan Blog Di Bing atau Yahoo

              Selamat datang sobat di blog sederhana saya.. kali ini saya ingin berbagi tips Cara mendaftarkan blog kita di Bing atau yahoo..
              Cara ini adalah bermaksud agar blog sobat bisa lebih terkenal di mesin pencari selain google.
              Saya pernah mendaftarkan blog utama saya di bing http://bantoel.com tapi sekarang blog yang sobat kunjungi ini pun sudah saya daftarkan juga.

              Berikut caranya ,

              1: masuk ke link http://www.bing.com/toolbox/submit-site-url kemudian akan di arahkan seperti gambar di bawah dan isi sesuai blog sobat


              2: pilih GREAT! SIGN ME UP

              3: Kemudian sobat isi dengan url blog sobat, dan untuk kolom kedua tambahkan kode /sitemap.xml. contohnya http://bantoel.com/sitemap.xml.


              4: copy script dantaruh di bawah kode  <head>

               Semoga tips saya bermanfaat terima kasih salam blogger
              loading...

              ARTIKEL TERBARU:

              ARTIKEL LAINYA:

                Direkomendasikan

                Cara sederhana mengatasi kesalahan Blog

                Mungkin dari sobat pernah mengalami masalah seperti ini.. kesalahan yang biasanya terjadi akibat gagal sdit  HTML / template yang tidak mendukung , silahkan simak tutorial berikut.



                Cara paling sederhana adalah seperti berikut

                Pertama : Cobalah bikin blog baru terserah nama blog apa saja toh nantinya hapus lagi


                 Kedua : Biasanuya di suruh memasukan pengaman dari Hp sobat, bisa juga tidak ada.
                 Kemudian coba buka entri baru/tulis entri.
                 Jika masih belum bisa nanti saya akan bagikan cara yang lain, semoga tips paling sederhana ini bisa   bermanfaat terima kasih.
                loading...

                ARTIKEL TERBARU:

                ARTIKEL LAINYA:

                  Direkomendasikan

                  Tabel Warna Blog/web

                  #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
                  #FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
                  #FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
                  #FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
                  #FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
                  #FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000

                  #CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
                  #CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
                  #CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
                  #CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
                  #CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
                  #CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000

                  #99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
                  #99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
                  #9999FF #9999CC #999999 #999966 #999933 #999900
                  #9966FF #9966CC #996699 #996666 #999933 #999900
                  #9933FF #9933CC #993399 #993366 #993333 #993300
                  #9900FF #9900CC #990099 #990066 #990033 #990000

                  #66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
                  #66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
                  #6699FF #6699CC #669999 #669966 #669933 #669900
                  #6666FF #6666CC #666699 #666666 #666633 #666600
                  #6633FF #6633CC #663399 #663366 #663333 #663300
                  #6600FF #6600CC #660099 #660066 #660033 #660000

                  #33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
                  #33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
                  #3399FF #3399CC #339999 #339966 #339933 #339900
                  #3366FF #3366CC #336699 #336666 #336633 #336600
                  #3333FF #3333CC #333399 #333366 #333333 #333300
                  #3300FF #3300CC #330099 #330066 #330033 #330000

                  #00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
                  #00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
                  #0099FF #0099CC #009999 #009966 #009933 #009900
                  #0066FF #0066CC #006699 #006666 #006633 #006600
                  #0033FF #0033CC #003399 #003366 #003333 #003300
                  #0000FF #0000CC #000099 #000066 #000033 #000000
                  loading...

                  ARTIKEL TERBARU:

                  ARTIKEL LAINYA:

                    Direkomendasikan