Cara Pasang Widget Random Post diBlogspot

Oleh Unknown

Bagikan :

Tweet

Tutorial Blogger - Random Post atau lebih dikenal dengan sebutan menampilkan artikel secara acak yang ada pada blog anda,Random Post yang satu ini menurut saya cukup keren dan sangat bermanfaat sekali kalau dipasang diblog kesayangan anda,kenapa? karena Random Post sangat membantu para pengunjung blog anda dalam menacri artikel yang dia cari,mungkin saja dengan adanya Random Post artikel yang mereka cari tampil di widget Random Post.

Apalagi distukutur bawaan blogspot tidak ada widget Random Post dan adanya hanya populer post saja,kalau anda ingin memasangnya anda harus mencarinya sendiri,maka dari itu Belajar Blogger memberikan Tutorial Blogger dengan judul Cara Pasang Widget Random Post diBlogspot,mudah-mudahan berguna,

Untuk mempersingkat waktu,kita langsung saja ke tahapan selanjutnya,diantaranya sebagai berikut ;

1. Anda terlebih dahulu login ke akun blogger anda
2. Kemudian anda pilih Layout - add gadget lalu pilih Html /JavaSrift
3. Sekarang anda masukan kode dibawah ini

<style>
.rp-post-link {
font-weight: bold !important;
font-size: 12px !important;
}
.rp-summary {
margin-bottom: 5px !important;
border-bottom: 1px dotted #686868;
font-size: 12px !important;
line-height: 20px !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:60px;height:60px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 120; //Jumlah karakter postingan yang ditampilkan
var numofpost=5; //Jumlah postingan yang ditampilkan
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;
}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
document.write('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"
if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">

</script>

       4. Finis


Gimna cukup mudahkan dan saya yakin tampilan dari random psot sendiri tidak akan bikin kecewa anda apalagi membuat blog anda berat.Selamat Mencoba dan sukses slalu.............!

Tag : Tutorial Blogger