Cara Mudah Membuat Random Post di Widget dengan Thumbnail

Cara Mudah Membuat Random Post di Widget dengan Thumbnail

Jalak Ikal 04 November 2 komentar
Cara membuat Random Post di Blog dengan Thymbnail - Mungkin ketika anda mengunjungi sebuah blog anda pernah melihat suatu widget yang selalu berganti artikel nya setiap kali anda mengunjungi laman page lain nya dan mungkin anda juga mearasa heran kenapa bisa begitu? nah itulah yang dinamakan Random post pada widget

Namun sebelum saya melanjutkan untuk membuat Random Post pada widget ini tahukan anda yang dimaksdu dengan Random Post tersebut?, Random Post yaitu suatu Artikel yang di tampilkan pada bagian widget secara Acak atau bergantian setiap kali anda mengklik laman pada blog yang anda kunjungi tersebut


Dan pada artikel sebelum nya saya pernah Share tentang bagaimana cara membuat Random Post pada Widget ini,namun beda nya hanya sedikit yaitu pada bagian Thumbnail nya saja,pada artikel terdahulu saya pernah Share tentang Random Post tetapi tidak menggunakan Thumbnail tetapi kali ini saya share tentang Random post pada widget dengan menggunakan Thumbnail

Dengan Memasang Random post ini sangat lah berguna bagi para pengunjung yang singgah di blog kita dengan ada nya Random post ini para pengunjung dapat menelusuri berbagai artikel yang tampil pada bagian Random post di widget tersebut

Selain itu juga dengan ada nya Random post ini tidak akan membuat para pengunjung untuk bosan ketika melihat Widget Random Post ini karena selalu berganti ganti secara acak setiap kali para pengunjung mengunjungi laman blog yang mereka cari

Selain itu juga dengan memasang Random Post yang di sertai dengan Thumbnail ini memudahkan para pengunjung untuk melihat langsung ke thumbnal karena serasa ada yang kurang apabila kita memasang Random Post ataupun Related post yang tidak di sertai dengan Thumbnail ini

Cara Memasang Widget Random Post dengan Thumbnail

Nah oleh karena itu kali ini saya akan berbagi trik dan cara pemasangan Random Post di widget ini,dan cara pemasangan kode nya pun sangat lah mudah dan juga simple sehingga anda tidak perlu memeiliki kemampuan untuk mengubah kode yang ada,anda hanya perlu meletakan kode berikit di sidebar saja,dan di bawah ini adalah kode nya
<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='no';
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>

Setelah itu silahkan anda lihat hasil nya pada bagian blog anda,dan jika anda ingin menambahkan jumlah tampilan postingan nya,anda hanya perlu mengganti angka 5 yang berwarna merah di atas sesuai jumlah yang anda inginkan
Nah itulah cara pembuatan Random Post di bagian Widget semoga artikel nya bermanfaat untuk sobat blogger.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 04 November and have 2 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

2 komentar

Mantab mas, tutornya.. work

Balas

Sukurlah Kalo Work :D Semoga bermanfaat.

Balas

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi