Membuat Widget Postingan Acak / Random Post Di Sidebar Blogger - Bahry Logger

Friday, October 19, 2018

Membuat Widget Postingan Acak / Random Post Di Sidebar Blogger


Membuat Widget Postingan Acak - Widget ini sangat berguna agar postingan lama kita bisa dibaca lagi oleh pengunjung baru dan juga akan meningkatkan traffic blog kita. Nah bagi Kalian yang ingin memasang widget ini pada sidebar blog yang Kalian punya cukup mudah dengan mengikuti langkah-langkah yang akan Jaka berikan.

Langkah-langkah

Pertama login di akun blogger Kalian lalu masuk ke pilihan Tata Letak > Tambah Gedget > HTML/JavaScript Lalu masukkan kode di bawah ini

<style>
#bo-random-posts img{
background:#fff;
height:72px;
float:right;
width:72px;
margin-top: 0;
margin-right: 14px;
margin-bottom: 3px;
margin-left: 14px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-border-radius:8px;padding:3px;}
#bo-random-posts img:hover{opacity: 0.5;filter: alpha(opacity=50);}
ul#bo-random-posts {list-style-type: none;background:#fff;background-repeat: no-repeat;}
#bo-random-posts li {margin-top: 15px;
margin-right: 3px;
margin-bottom: 5px;
margin-left: 15px;
}
#bo-random-posts li a{font-weight:400;font-size:14px;color:#000; padding: 5px 0px;text-decoration: none;}
.bo-random-summary {display: block;}
</style>
<ul id='bo-random-posts'>
<script>
var borp_number = 6;
var borp_details = 'no';
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://4.bp.blogspot.com/-atF9AaH_YEI/WXc5HKoFZmI/AAAAAAAAAGE/LoIPxdwBHecNVesXy9J0AQJwdIuWFYu0QCLcBGAs/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="'+s+'" 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>

Kemudian Simpan.

Untuk tampilannya bisa kalian edit sendiri sesuai selera Kalian aja ya...Dan untuk hasil tampilannya bisa kalian lihat di blog kalian masing-masing.

Kode yang Jaka tandai untuk mengatur jumlah postingan yang akan ditampilkan adalah 6, jika ingin lebih dari 6 cukup edit angka 6 dengan angkan yang diinginkan

Wassalam.

Subscribe To Our Newsletter

TOP