Cara Mudah Membuat Widget Random Post

Cara Mudah Membuat Widget Random Post. Sobat blogger, pada kesempatan kali ini SATORES ingin membagikan cara membuat random post tersebut dengan gambar/ tumbhnail, seperti pada umumnya, fungsi widget random post sendiri adalah menampilkan post atau artikel secara acak dari yang terlawas sampai yang terbaru.

Random post ini juga akan memperbaharui artikel setiap kita merefreshnya, jadi ketika di refresh artikel-artikelnya akan berbeda beda, kalo menurut saya banyak sekali fungsinya, termasuk meningkatkan page view dan menurunkan tingkat bounce rate pada sebuah blog, nah sobat blogger, bagi yang ingin menerapkan widget random post dengan gambar ini pada blog kalian, silahkan ikuti tutorialnya.

Cara Membuat Widget Random Post Dengan Gambar

1. Buka akun blogger anda.

2. Pilih menu tata letak > Tambah gadget > Pilih HTML/JavaScript

3. Selanjutnya paste kode di bawah ini tepat di kolom pop up yang muncul..

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=10;var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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;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/AVvXsEgVtI4u3ogZMx5MZzUYE4IyJkL6rSv7sWNfpVgt-o6EIq5_l1EiI4NWxt5Z9lzuk-8v4NaXDkpCShFwSsOh2blwYWUWQeCm_iKLQwPnng1Bpq9SwIdLXyLWaF4qa7j5DmJ07vhQCKI9XdY/s1600/default.jpg"}}};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>

Catatan : var rdp_numposts=10; adalah daftar jumlah post atau artikel yang di tampilkan.

4. Jika sudah klik simpan.

Saya rasa cukup mudah sekali bukan sobat blogger, oke sekian dulu di tutorial " Cara MudahMembuat Widget Random Post " salam sukses selalu.

Ditulis Oleh : Teguh ~ Satores

Sobat sedang membaca artikel tentang Cara Mudah Membuat Widget Random Post . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima Kasih... <a href="http://satores.blogspot.com/2015/04/cara-mudah-membuat-widget-random-post.html" target="_blank">Cara Mudah Membuat Widget Random Post</a>

:: Get this widget ! ::

Tweet