Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) - Salam Pecinta Music Indonesia MP3 BagiShared - Kumpulan Musik dan Lagu MP3 Terbaru, Dikesempatan postingan artikel yang akan Anda baca kali ini dengan judul postingan Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar), mp3bagishared.blogspot.com telah menyajikan kumpulan musik mp3 terbaik kapada Anda, agar untuk Anda nikmati dan dengarkan music mp3 didalamnya. Kami berharap isi postingan
Postingan mengenai Blogger Widget,
Postingan mengenai tutorial, yang kami sajikan untuk Anda ini dapat Anda nikmati. baiklah, selamat menikmati.
Judul : Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
link : Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
5. Simpan dan lihat hasilnya.
Jangan lupa bookmark dengan cara menekan Ctrl+D pada artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membuat-random-post-with-thumbnail.html siapa tahu nanti Anda membutuhkan lagi, sehingga tidak lupa mengunjungi kembali.
Anda sekarang membaca artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membuat-random-post-with-thumbnail.html
Judul : Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
link : Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
Widget Random Post With Thumbnail (Gambar). Postingan ini adalah jawaban untuk pertanyaan sobat saya via email, yaitu Cara membuat widget Random Post atau artikel acak dengan gambar kecil (with thumbnail) keren dan loading ringan. Untuk demonya silahkan lihat pada sidebar kanan blog ini. Langkah-langkah membuat random post dengan gambar tersebut adalah sbb :
Langkah-langkah Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) :
Langkah-langkah Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) :
1. Login ke Blogger.
2. Masuk ke menu Layout atau Tata Letak
3. Tambahkan Gadget, Pilih HTML/JavaScript
4. Copy semua kode dibawah ini dan pastekan ke kolom widget.
2. Masuk ke menu Layout atau Tata Letak
3. Tambahkan Gadget, Pilih HTML/JavaScript
4. Copy semua kode dibawah ini dan pastekan ke kolom widget.
<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
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)+"…";};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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwUbaMMW3YhQg5-AxKYKCwSXWm48g53nk4jVU0lx-vlXzsT99EPIEYsPrUlNt7xWUA_k0hNOmcobVgA2YHQ6seX5sLnMEQfPRA5_JmD4mtFVSX6cW8JW25JGb9_rxpkVt9hgXCyOiOYxV/"}}};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>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
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)+"…";};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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwUbaMMW3YhQg5-AxKYKCwSXWm48g53nk4jVU0lx-vlXzsT99EPIEYsPrUlNt7xWUA_k0hNOmcobVgA2YHQ6seX5sLnMEQfPRA5_JmD4mtFVSX6cW8JW25JGb9_rxpkVt9hgXCyOiOYxV/"}}};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>
5. Simpan dan lihat hasilnya.
Keterangan :
Angka 5 menunjukan jumlah artikel yang ditampilkan
Angka 60 Jumlah isi cuplikan
Kata 'Yes' adalah pilihan untuk memperlihatkan tanggal dan jumlah komentar, jika ingin menyembunyikan tanggal dan jumlah komentar, silahkan ganti dengan 'no'
Jika ingin merubah ukuran gambar bisa anda ubah pada opsi width:36px;heigth:36.
Screenshot :
Keunggulan Random Post With Thumbnail (Dengan Gambar)
Screenshot :
Keunggulan Random Post With Thumbnail (Dengan Gambar)
1. Loading Ringan
2. Tanpa perlu kode CSS atau edit kode template tinggal tambahkan Widget HTML/Javascript
3. Gampang diedit
Judul postingan mp3 Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
Mungkin artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) kali ini, banyak kurangnya, baik segi kata-kata yang kami sajikan. Oleh karena itu kami mohon maaf atas postingan mp3 yang kami sajikan, jika berkenan silahkan share artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) ini.
Jangan lupa bookmark dengan cara menekan Ctrl+D pada artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membuat-random-post-with-thumbnail.html siapa tahu nanti Anda membutuhkan lagi, sehingga tidak lupa mengunjungi kembali.
Demikianlah Artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
Sekianlah artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar) dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membuat-random-post-with-thumbnail.html
Hak Cipta: Semua konten berhak cipta yang terdapat di dalam blog ini sepenuhnya milik individu atau perusahaan terkait, jika Anda merasa dirugikan silahkan hubungi kontak kami.
Cara Membuat Random Post With Thumbnail (Postingan Acak Dengan Gambar)
4/
5
Oleh
TeribunNews.Com
