Widget Random Post di Blogger
Content [Open]
Widget random post merupakan salah satu fitur penting dalam meningkatkan pageview pada sebuah blog. Widget tersebut, berguna untuk menampilkan artikel pada blog secara acak. Sehingga, artikel lama yang belum terlihat oleh pengunjung secara maksimal berpotensi dapat dibuka kembali.
Akan tetapi kebanyakan para admin blogger sering berpikir dua kali untuk memasang suatu widget, karena dinilai akan menambah berat beban loading pada blog. Akan tetapi, dari hasil googling dan ketemu tutorial cara memasang random post di blogspot dari pemilik blog +Taufik Nurrohman yang merupakan salah satu blogger jagoan di Indonesia, di sana ada tips sederhana untuk membuat widget random post yang cepat dan ringan ( seo friendly ).
Tampilan dari widget ini tidak berbeda dengan tampilan widget recent post yang pernah Saya bagikan di blog Alxbot tools
Baca juga. : Cara Membuat widget Recent Post Widget di Blog
Cara pemasangan widget random post pun cukup mudah, sobat hanya perlu menambahkan kode ke dalam widget baru di blog.
Berikut cara pemasangan widget random post :
1. Buka Blogger > Klik Tata Letak > Tambahkan widget baru > Salin dan simpan kode di bawah ini di dalamnya
<style scoped='' type="text/css">
#alxbot-random ul{list-style:none;margin:0;padding:0}#alxbot-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;}
#alxbot-random li:last-child{border-bottom:0;}
#alxbot-random li a{color:#444;}#alxbot-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='alxbot-random'>Loading...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://bott-fb.blogspot.com',
maxResults = 10,
containerId = 'alxbot-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 AlxbotRandomPosts(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=AlxbotRandomPosts"></scr' + 'ipt>');
//]]>
</script>Note : Ganti kode yang ditandai dengan url blog sobat dan jumlah artikel yang akan ditampilkan
2. Simpan widget dan lihat hasilnya.
Untuk demo bisa lihat di bawah postingan ini, karena widget random post ini saya pasang di blog alxbot tools.
Semoga kode widget random post di blog bisa bermanfaat.