Cara Menciptakan Random Post Di Blog Dengan Thumbnail

Random post ialah widget yang berfungsi untuk menampilkan artikel post yang ada di blog, wordpress, website maupun mwb secara acak dan otomatis. Dengan adanya gadget ini pada blog selain menambah pageview juga akan menciptakan postingan yang sudah usang sanggup muncul kembali dan dibaca oleh pengunjung. Kaprikornus elok bagi sahabat yang memiliki blog di blogger / blogspot biar SEO untuk memasang random post baik tanpa gambar, bergerak ataupun dengan bergambar thumbnail supaya blognya lebih menarik.

Kali ini aku akan share dan jelaskan gimana Cara Membuat Random Post Di Blog Dengan Thumbnail, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya dengan gampang dan cepat buat sahabat yang ingin pasang widget random post pada blogger terbaru.

Cara Memasang Random Post Di Blogspot :

1. Masuk ke dashboard blogger > pilih hidangan Tata Letak kemudian klik Tambahkan Gadget ibarat gambar berikut

2. Kemudian klik tambah pada pilihan HTML/Javascript

3. Isi judul gadget kemudian copy instruksi di bawah ini ke kotak konten, warna biru ialah jumlah banyaknya post yang akan tampil dan warna merah ganti dengan url blog sobat, jikalau sudah klik Simpan

<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 = 100;
var numofpost=5;
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="http://gamepelajar.xyz/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

4. Setelah itu jikalau ingin memindah letak gadget tersebut silahkan klik dan tahan kemudian geser ke bawah atau sesuai yang diinginkan

5. Terakhir klik Simpan setelan ..Selesai dan lihat hasilnya

Nah itulah bagaimana cara buat random post dengan gambar thumbnail keren di sidebar blog.

Silahkan dicoba

Berbagi :