Cara Membuat Random Posts dengan Gambar Thumbnail di Sidebar Blog

Baca Juga

Cara Membuat Random Posts dengan Gambar/Image Thumbnail di Sidebar Blog (Random Posts with Thumbnails in Blogger).

WIDGET Random Posts yaitu navigasi menu dan internal link blog yang dipasang atau ditampilkan di sidebar blogger.

Random Posts menampilkan daftar tulisan secara acak, bisa tulisan lama, bisa juga tulisan terbaru. Sangat bagus buat navigasi dan tautan internal posting lama untuk meningkatkan pageviews.

Random Posts berupa daftar judul posting acak plus gambar thumb ini bisa dipasang tersendiri si sidebar blog, bisa juga disatukan dengan widget lain dalam Tabber Tab .

Cara Membuat Random Posts dengan Gambar Thumbnail

Berikut ini Cara Membuat Random Posts dengan Gambar Thumbnail di Sidebar Blog

1. Layout > Add a Gadget > pilih "HTML/JavaScript"
2. Judul isi dengan "Random Posts" atau "Artikel Menarik Lainnya"
3. COPAS saja kode berikut ini di kolom konten:

<ul id='random-posts'>
<script type='text/javaScript'>
var tow_numposts=5;
var tow_snippet_length=150;
var tow_info='yes';
var tow_comment='Comments';
var tow_disable='Comments Disabled';
var tow_current=[];var tow_total_posts=0;var tow_current=new Array(tow_numposts);function totalposts(json){tow_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<tow_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<tow_current.length;j++){if(tow_current[j]==rndValue){found=true;break}};if(found){i--}else{tow_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(tow_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<tow_numposts;i++){var entry=json.feed.entry[i];var tow_posttitle=entry.title.$t;if('content'in entry){var tow_get_snippet=entry.content.$t}else{if('summary'in entry){var tow_get_snippet=entry.summary.$t}else{var tow_get_snippet="";}};tow_get_snippet=tow_get_snippet.replace(/<[^>]*>/g,"");if(tow_get_snippet.length<tow_snippet_length){var tow_snippet=tow_get_snippet}else{tow_get_snippet=tow_get_snippet.substring(0,tow_snippet_length);var space=tow_get_snippet.lastIndexOf(" ");tow_snippet=tow_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var tow_commentsNum=entry.thr$total.$t+' '+tow_comment}else{tow_commentsNum=tow_disable};if(entry.link[j].rel=='alternate'){var tow_posturl=entry.link[j].href;var tow_postdate=entry.published.$t;if('media$thumbnail'in entry){var tow_thumb=entry.media$thumbnail.url}else{tow_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXtxiE8SVRRJ1yfHU_ZCrGWKjBgeDYoT3nsDkS2pARHYws-5df30MaFN0lzp6ESTrHlpVLqa_j2r14wrTymUIuKM6fGwTO8mP2AYJAqS_iglJWntPgaB-kCb8UNVg_4xoABzt8UgKDwU/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+tow_posttitle+'" src="'+tow_thumb+'"/>');document.write('<div><a href="'+tow_posturl+'" rel="nofollow" title="'+tow_snippet+'">'+tow_posttitle+'</a></div>');if(tow_info=='yes'){document.write('<span>'+tow_postdate.substring(8,10)+'/'+tow_postdate.substring(5,7)+'/'+tow_postdate.substring(0,4)+' - '+tow_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<tow_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+tow_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script><p><a href="http://blogromeltea.blogspot.com/" title="Random Posts Blogger Widgets">Random Widget</a></p></ul><style type='text/css'>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:100px;height:100px;padding:3px}#random-posts li{margin: 0px 0px 10px 0px;}</style>

4. Save!

Kini widget Random Posts dengan Gambar Thumbnail sudah muncul di sidebar blog Anda.

Sumber