Duit Blog Cara Menciptakan Widget Random Post Thumbnail Untuk Blogger

Widget Random Post ini dirancang khusus untuk sidebar blog sobat. Hal lain yang penting adalah, Widget ini Responsive sehingga widget akan menyesuaikan lebar sidebar secara otomatis.

Sobat sanggup menambahkan aneka macam jenis Widget Random Post di aneka macam kawasan blog  sobat. Tapi sebelum menambahkan, teman harus memikirkan kawasan Widget Random Post untuk mendapat hasil yang optimal. Menurut saya, kalau teman memakai Widget Random Post untuk blogger dengan Thumbnail, maka akan membantu teman untuk mendapat lebih banyak daya tarik pembaca. Karena itu aku akan merekomendasikan Widget Random Post ini untuk blog Sobat.

Sebenarnya Widget Random Post ini sangat ringan untuk Blogger. Widget ini juga mempunyai banyak pilihan kustomisasi dan configurasi. Sobat juga sanggup mengubah beberapa gaya dasar Widget ini dengan mudah. Apalagi desain default widget ini akan sesuai dengan jenis blog apapun.
Nah, bagi teman yang sudah tidak sabar ingin memasang Widget Random Post keren ini. Langsung saja simak panduan berikut ini:

● Masuk ke Layout

● Pilih Add a Gadget

● Pilih HTML/JavaScript

● Copy dan Paste kode berikut ini:

<style>
#bo-random-posts img{background:#fff;height:50px;float:left;width:50px;margin:5px 5px 0px 0px;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;padding:3px;}
#bo-random-posts img:hover{opacity: 0.5;filter: alpha(opacity=50);}
ul#bo-random-posts {list-style-type: none;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwnlynnXxRRnlAUKt9urh1sloqQBmk93cV5dHEpGY9nQGrAIeokD8ZVdMrRxkbuSjYhOVI7Q-vfQ2uSvm4q5taMPCrGjwa0O3H0dLB-gbmd4XQ3PQJijD56eUjCngaUUHtOUSwZp9lBU_l/s320/Untitled-1.jpg");background-repeat: no-repeat;}
#bo-random-posts li {margin: 10px 0;}
#bo-random-posts li a{padding: 5px 0;text-decoration: none;}
.bo-random-summary {display: block;}
</style>
<ul id='bo-random-posts'>
<script>
var borp_number = 5;
var borp_details = 'yes';
var borp_chars = 60;
var borp_details2 = 'no';
var borp_comments = 'Comments';
var borp_commentsd = 'Comments Disabled';
var borp_current = [];
var total_randomposts = 0;
var borp_current = new Array(borp_number);
function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue(){for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break}n?r--:borp_current[r]=o}}function get_random(){return 1+Math.round(Math.random()*(total_randomposts-1))}
</script>
<script>function random_posts(t){for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"&#133;"}for(var o=0;o<r.link.length;o++){if("thr$total"in r)var l=r.thr$total.$t+" "+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLkiDWSUMw54o3v1DcpnFFA0b3QcmWUDIL6TrrcTnl6xGI15FQMJ8zHVB9ZSiMqGVGu7dIecLcctrvogZH2OIEXgrDKSYWKIS58d0G7vsules56whP2wSsBQKXJnR4hrByVdLvOrfVeA1/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt=" maka akan membantu teman untuk mendapat lebih banyak daya tarik pembaca Duit Blog Cara Membuat Widget Random Post Thumbnail untuk Blogger" src="'+u+'"/>'),document.write('<div><a href="'+m+'" rel="nofollow">'+s+"</a></div>"),"yes"==borp_details&&document.write("<span>"+c.substring(8,10)+"."+c.substring(5,7)+"."+c.substring(0,4)+" - "+l),"yes"==borp_details2&&document.write('<span class="random-summary">'+a),document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<borp_number;i++)document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>');</script>
</ul>

CATATAN:
Sobat sanggup merubah berapa banyak posting yang akan ditampilkan di Random Post: Ubah nomor "5" [var borp_number = 5;] untuk menambah atau mengurangi jumlah posting Random Post Widget.

Sobat juga sanggup Merubah Latar Belakang, Sobat sanggup mengubah gambar latar belakang yang dipakai di widget ini dengan mengubah URL yang diberi warna Merah di atas. Selain itu, kalau Sobat ingin memakai widget ini Tanpa Latar Belakang, Sobat sanggup mengganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwnlynnXxRRnlAUKt9urh1sloqQBmk93cV5dHEpGY9nQGrAIeokD8ZVdMrRxkbuSjYhOVI7Q-vfQ2uSvm4q5taMPCrGjwa0O3H0dLB-gbmd4XQ3PQJijD56eUjCngaUUHtOUSwZp9lBU_l/s320/Untitled-1.jpg dengan "#".

● Selanjutnya teman pilih Save

Kemudian masuk ke blog sobat, dan lihat Hasilnya. gimana? Praktis kan? Sobat juga sanggup mengubah Latar Belakang/Background dengan gambar lainnya. Sobat juga sanggup merubah gaya sesuka hati teman semua. Cukup sekian artikel kali ini. Semoga artikel ini sanggup bermanfaat untuk teman semua. TERIMAKASIH.