Selamat siang sobat blogger semua.. Lama nih gak update, gara-gara ngurus blog baru... Untuk kesempatan kali ini, Admin mau berbagi tips blogger dengan judul "Cara Membuat Tombol Menu Random Post (Suprise Me!) di Blogger". Tapi, jika sobat masih bingung apasaih kelebihan dari memasang menu ini, memasang menu ini tidak memberatkan loading blog sobat, karena cuma berbentuk tulisan, tapi kelebihannya sangat menguntungkan bagi sobat blogger semua, yaitu ketika ada pengunjung yang meng-klik menu ini, tidak menutup kemungkinan yang ke load adalah artikel sobat yang sudah lawas, yang apabila dapat terlihat lagi oleh pengunjung menyebabkan artikel tersebut kembali terangkat.. Tanpa panjang basa-basinya, langsung aja simak caranya.
1. Login ke dashboard bloger sobat
2. Pilih menu themes / tema di menu bagian kiri
3. Pilih Edit HTML
4. Salinlah kode berikut sebelum </body>
<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script>
5. Kemudian salin kode di bawah antara tag <body> sampai </body>. Saya sarankan pada deretan menu navigasi agar mudah terlihat. Contohnya pada blog ini.
<li class='ranpost'><a onclick='feelingLucky();'><i/>Random Post</a></li>
6. Kemudian, klik Save Template
7. Selesai.
Gampang kan? Silakan sobat praktekkan di blog sobat masing-masing. Semoga membantu dan dapat bermanfaat ya.
Wassalamualaikum Wr. Wb.