Random Post I`m Feeling Lucky botton

Pada posting sebelumnya adalah Membuat Random Post blogspot versi 1, saya telah menjelaskan bagaimana cara menampilkan beberapa judul artikel di widget secara acak, sekarang saya akan share bagaimana menampilkan postingan acak dengan menggunakan Botton I`m feeling lucky seperti di Google

I`m feeling lucky atau random post widget untuk blogger sangat penting dalam membuat posting lama hidup dan mempertahankan pengunjung lebih banyak waktu di blog Anda (tergantung pada kualitas posting Anda)

* Pergi ke Layout -> Elemen Halaman
* Tambahkan Gadget -> HTML / JavaScript
* Paste kode berikut

<div id="myLuckyPost" style="text-align:center"></div> <script type="text/javascript"> 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 feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><div style="text-align: center;"><a href="http://www.kriep2.co.cc/2009/08/random-post-feeling-lucky-blogspot.html" target="_blank"><span style="font-size:xx-small;">Get This Widget</span></a></div>

# Ganti tulisan yang berwarna merah sesuai keinginan
# untuk yang pingin seperti Google gunakan kode do bawah ini..

<div id="myLuckyPost" style="text-align:center"></div> <script type="text/javascript"> 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 feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<button type="button">I`m Feeling Lucky</button>'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><div style="text-align: center;"><a href="http://www.kriep2.co.cc/2009/08/random-post-feeling-lucky-blogspot.html" target="_blank"><span style="font-size:xx-small;">Get This Widget</span></a></div>

Simpan dan contoh tombol I`m Feeling Lucky adlah seperti ini :

Get This Widget

Baca Juga Artikel menarik di bawah ini :