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
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 komentarSilahkan gann
Replyoh ternyata gini caranya gan , langsung ane praktekin ya gan tq .
ReplySama sama..
ReplyIni Beda Gan Sama Popular Post ? , Bedanya Apa Ya ?
ReplyBedanya Diacak- acak bro :v
ReplySilahkan dicoba gann, biar puass ..
ReplyKebetulan nih ada tutor pemasangannya
ReplyThx gan :d
izin copy yang di atas
ReplyEmoticonEmoticon