Cara Membuat Random Post di Blogger

Cara Membuat Random Post di Blogger

Cara Membuat Random Post di Blog - Selamat pagi teman teman, pemasangan Random Post di Blogger iti terbilang sangat lah penting jika menurut saya pasalnya banyak artikel artikel dahulu yang akan terbaca, kenapa ? karena random post akan menampilkan secara acak artikel artikel yang telah kita update sebelumnya yang akan kembali muncul di sisi kanan atau kiri blog, pemasanganya pun tergolong mudah kita hanya perlu mengikuti langkah langkah berikut ini :

Ket : Saya akan memberikan  2 Cara Membuat Random Post di Blogger yang pertama tampilan tanpa gambar dan yang kedua kita gunakan yang sedikit keren dengan ada gambarnya tapi anda bisa memilihnya sesuai selera masing masing :

 Gambar 1.1 Cara Membuat Random Post di Blogger

1. Login ke Blogger Masing masing

2. Kemudian masuk ke dashboard, Tata Letak.

3. Sekarang anda berada di halaman Layout atau Page elements.

4. Pilih dan klik Add Gadget, lalu pilih HTM/JavaScript.

5. Masukkan dan Copy Paste Kode di bawah ini :

   

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=15;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('<ul>');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Keteranagn : Diatas terdapat angka 15 yang berwarna Biru, disini maksudnya adalah itu post yang akan kamu tampikan jadi kamu dapat mengubahnya secara selera masing masing.

6. Terakhir klik save/ Simpan HTML

---

Jika tadi kita menggunakan yang biasa maka yang di bawah ini kita gunakan sedikit keren yaitu kita sedikit menggunakan gambar penampilanya untuk cara cara nya silahkan anda ikuti karena tidak jauh berbeda dengan yang di atas :

 

 Gambar 1.2 Cara Membuat Random Post di Blogger  Dengan Thumbnail

1. Login ke Blogger Masing masing

2. Kemudian masuk ke dashboard, Tata Letak.

3. Sekarang anda berada di halaman Layout atau Page elements.

4. Pilih dan klik Add Gadget, lalu pilih HTM/JavaScript.

5. Masukkan dan Copy Paste Kode di bawah 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 = 100; //Jumlah karakter postingan yang ditampilkan
var numofpost=8; //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>

Keterangan kode di atas:

• Kode warna Hijau: Mengatur lebar dan tinggi gambar/thumbnail pada random post nanti.
• Kode warna Merah: Jumlah Postingan yang ingin ditampilkan.
• Kode warna Biru: Jumlah karakter/huruf pada ringkasan yang ingin ditampilkan.

5. Klik simpan dan lihat hasilnya.

Cara Membuat Random Post di Blogger >

Cara Membuat Random Post di Blogger 2014-03-06T15:09:00-08:00 Rating: 4.5 Diposkan Oleh: Unknown