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

KOMENTAR DISINI

ARTIKEL TERBARU:

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

KOMENTAR DISINI

ARTIKEL TERBARU:

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


KOMENTAR DISINI

ARTIKEL TERBARU:

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.

KOMENTAR DISINI

ARTIKEL TERBARU:

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.

KOMENTAR DISINI

ARTIKEL TERBARU:

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

KOMENTAR DISINI

ARTIKEL TERBARU:

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

KOMENTAR DISINI

ARTIKEL TERBARU:

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.

KOMENTAR DISINI

ARTIKEL TERBARU:

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

KOMENTAR DISINI

ARTIKEL TERBARU: