Membuat Widget Random Posts Blogger

Sebelumnya saya ingin cerita sedikit kenapa saya memposting tulisan ini, dan tujuannya tidak lain hanya ingin berbagi dan mengucapkan terima kasih kepada mereka-mereka yang telah dengan ketulusan hati, mau berbagi ilmu yang mereka miliki kepada siapa saja, yang mau berkunjung dan membaca tulisan/ pengetahuan mereka, terlepas kenal atau tidak sama sekali, tetap saja mereka menjawab soalan-soalan yang diajukan kepada mereka seputar postingan di blog mereka, tanpa membedakan besar atau kecilkah orang yang bertanya kepada mereka, Nah untuk ini saya ijinkan saya mengucapkan salut dan terima kasih pada Maskolis untuk Template-nya yang memang Wusss!

Dari sini nih awalnya, karena templatenya Maskolis tidak dilengkapi dengan code HTML Random Posts, dan saya sedikit segan untuk bertanya, jangan-jangan sudah ada postingan tentang ini, makanya saya cari sendiri saja, dan Alhamdulillah ketemu nih di helplogger, karena tulisannya bahasa wong sono, saya coba terjemahin dengan bahasa wong sini, terjemahan versi Owner! yuk kita mulai;

Contoh Random Posts

Widget Random Post bertujuan untuk menampilkan postingan secara acak apa yang ada dalam blog kita. kelebihan utama dari widget ini yaitu memiliki loading thumbnail yang cepat, tanggal post dan komentar

Begini nih untuk membuat Widget Random Post untuk Blogger

1. Login ke Dashboard Blogger anda, dan pilih Template>edit HTML (klick dan tunggu proses sebentar)
2. Trus Pilih "Expand Widget Templates"

3. Cari code ini ]]></b:skin> gunakan CTRL+F untuk mencari
4. Lalu letak code ini di atas nya

#random-posts img{float:left;margin-right:10px;border:1px solid
#999;background:#FFF;width:36px;height:36px;padding:3px}

5. Simpan Template.

6. lanjutkan ke Layout, klick Add a Gadget

7. Add a new HTML/ JavaScript Gadget

8. copy code di bawah ini dan paste-kan ke dalam kotak HTML tadi:

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
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/AVvXsEjGtydZzQjSl0Fa1z_JUBXY19l1jTh8LEB1EXNpQZ7ES86qh-XJJQX8IVhjtqc8kCHL-RBR0jreyfkq8LFFjTnkyUrR_tYvg3kR0O9lR5G7QH6PC1D66kDVlcUQCK5xS2ParxNodUQM5NQ/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: ganti angka 5 jika ingin menambah/ kurangi post yang ditampilkan

9. tekan save/ simpan dan save layout

Aiiiih...gitu aja kok ga bisa....malu ah.