Cara Memasang Random Post Di Widget Blog

Cara Membuat Random Post Di Widget Blog - Random post wedget adalah widget yang menampilkan artikel secara acak. Dengan memfaatkan widget random post kita bisa mengacak seluruh artikel yang ada pada blog kita. Dari artikel yang paling lama dan yang baru bisa di tampilkan di widget ini secara acak. Jadi kemungkinan bisa meningkatk page view juga. Tetapi kebanyakan para blogger akan befikir dua kali jika akan menambah widget di blognya, karena di nilai nanti akan membuat loading blog menjadi berat. Tenang saja sob, random post ini sangat ringan dan tidak menggangu loading blog anda.

Random post ini saya temukan di blog +Arlina Fitriyani. Untuk cara pemasangan random post ini juga sangat mudah, anda hanya menambah widget baru pada blog anda. Nah untuk anda yang ingin memasangnya bisa ikuti langkah nya sebagai berukut.



1. Masuk akun Blogger anda.

2. Setelah masuk, pilih ==> Tata Letak ==> Tambahkan widget baru ==> HTML/JavaScript.

3. Jika sudah terbuka nanti anda menemukan kotak kosong, Salin dan simpan kode di bawah ini di dalam kotak kosong tadi.

 <style scoped='' type="text/css">
#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#arlina-random li:last-child{border-bottom:0;}
#arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='arlina-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://www.cobangetik.com',
maxResults = 10,
containerId = 'arlina-random';
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
function ArlinaRandomPosts(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>


Catatan:
Ganti kode yang saya tandai dengan url blog anda. dan ganti angka 10 dengan angka yang anda inginkan, angka 10 adalah jumlah artikel yang akan ditampilkan

4. Simpan widget dan lihat hasilnya.

Demikian artikel Cara Memasang Random Post Di Widget Blog. Semoga bermanfaat.

Baca Juga: Cara Agar Url Laman Sesuai Dengan Judul Laman.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser