Cara Membuat Widget Random Post Di Blog

Halo sobat R-IT, kali ini saya akan mengasih trik "Cara Membuat Widget Random Post Di Blog" Random Post itu sama ajh si kaya Post Populer tapi ini beda dari Post Populer.. Biasanya kan Post Populer itu tergantung dari visitor, tapi ini secara ngacakk dan ganti-ganti.. Sampe situ saja pengertianya.. ikuti saja cara dibawah ini

1. Yang pasti harus Login 
2. Setelah Login pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Copy code dibawah ini 
<style>
.rp-post-link {
font-weight: bold !important;
font-size: 120% !important;
}
.rp-summary {
margin-top: 3px !important;
font-size: 100% !important;
line-height: 1.3em !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:65px;height:65px;
}
.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 = 180;
var numofpost=2;
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 += "/>"
var pubdate = new Date(entry.published.$t).toDateString();
item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";
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="r-ingintau.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>
5. Simpan deh dan lihat hasilny :D

NB : 
1. Tulisan yang berwarna KUNING adalah ukuran Thumbnail gambar
2. Tulisan yang berwarna BIRU adalah Jumlah karakter isi post
3. Tulisan yang berwarna MERAH adalah Jumlah post yang nanti ditampilkan
4. Tulisan yang berwarna UNGU ganti dengan URL Blog sobat

Ya sekian dari saya, mohon maaf jika ada kekurangan dalam artikel ini..

8 komentar

Write komentar
Unknown
AUTHOR
6 May 2014 at 22:31 delete

oh ternyata gini caranya gan , langsung ane praktekin ya gan tq .

Reply
avatar
6 May 2014 at 22:51 delete

Ini Beda Gan Sama Popular Post ? , Bedanya Apa Ya ?

Reply
avatar
Unknown
AUTHOR
6 May 2014 at 22:55 delete

Bedanya Diacak- acak bro :v

Reply
avatar
Unknown
AUTHOR
6 May 2014 at 22:56 delete

Silahkan dicoba gann, biar puass ..

Reply
avatar
6 May 2014 at 23:21 delete

Kebetulan nih ada tutor pemasangannya

Thx gan :d

Reply
avatar
tes
AUTHOR
18 November 2015 at 04:45 delete

izin copy yang di atas

Reply
avatar

EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
R-InginTau. Powered by Blogger.

Blog Stats