Breaking News
Loading...
Friday, May 6, 2016

Tips Cara Membuat Random Post Dengan Thumbnail


Tips Cara Membuat Random Post Dengan Thumbnail. Untuk kali ini Ardiands Blogs akan berbagi tips bagaimana cara membuat random post dengan thumbnail di blog yang keren. Tapi sebelumnya sobat harus mengetahui apa kegunaan dari random post itu. Jadi random post berfungsi untuk menampilkan postingan artikel di blog secara acak atau random. Sehingga semua artikel baik yang lama maupun yang baru akan tampil otomatis secara acak atau random. Hal itu membuat para pengunjung blog sobat dapat mengetahui dan akan tertarik untuk membaca keseluruhan postingan artikel di blog baik yang lama maupun baru. Sehingga mampu menambah jumlah pageview halaman blog sobat. Tentunya banyak sekali keuntungan dengan memasang widget random post ini.

Random Post berikut ini sangat ringan dan tentunya SEO Friendly sehingga tidak memberatkan loading pada blog sobat. Karena blog yang loadingnya cepat sangat disukai oleh para pengguna Internet. Selain itu, widget random post ini juga dapat menampilkan gambar atau thumbnail yang tentunya akan membuat blog terlihat semakin menarik. Sehingga mampu membuat betah para pengunjung untuk berlama - lama di blog sobat. Karena kebanyakan para pengunjung blog pertama kali tertarik dengan melihat gambar dari artikel tersebut. 

Cara Membuat Random Post
Random Post


CARA MEMBUAT RANDOM POST DENGAN THUMBNAIL


Berikut merupakan langkah - langkah dalam membuat  atau memasang random post dengan thumbnail di blog yang bisa di aplikasikan dengan mudah di blog sobat.

1. Login terlebih dahulu di Blogger
2. Masuk ke menu Tata Letak  dan pilih Add Gadget


Cara Membuat Random Post


3. Kemudian pilih HTML/JavaScript




4. Copy Kode Script di bawah ini dan pastekan di kolom HTML/JavaScript

<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:45px;height:45px;padding:4px}
-->
</style>
<ul id='random-posts'>
<script type="text/javascript">
var rdp_numposts=10;var rdp_snippet_length=100;
var rdp_info='no';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=10000;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="https://lh5.googleusercontent.com/-hxY0rTdcuyM/UfUyPpaoBKI/AAAAAAAACsQ/vFtqfUwj074/s72-no/no-image.PNG"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" title="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" alt="'+rdp_posttitle+'" title="'+rdp_posttitle+'">'+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. Kemudian "Simpan " dan lihatlah hasilnya.
Hasil Random Post

Setting Random Post :
  • Untuk mengubah jumlah artikel yang akan tampil di random post, ganti angka 10 sesuai dengan kebutuhan dan juga sesuaikan dengan template blog sobat.
  • Untuk mengubah ukuran gambar ganti angka 45
  • Apabila akan menampilkan random post berdasarkan label atau kategori tertentu maka ganti feeds/posts/default dengan feeds/posts/default/-/Nama-Label.


Demikianlah Tips Cara Membuat Random Post Dengan Thumbnail di Blog, cukup mudah bukan?. Semoga dengan adanya random post ini dapat memberikan nilai positif bagi blog sobat. Selamat Mencoba dan Good Luck.

2 comments:

  1. Tutorial Random Post Blogspot Thumbnail artikel ini memang sangat lengkap dan sangat membantu sekali.
    alangkah lebih baik kalau ada pembatasan link yang tercreate. terimakasih mas .. numpang ijin belajar.

    ReplyDelete

 
Toggle Footer