Jumat, 12 Maret 2010

View Random Post Button

Tips ini adalah sebuah tombol / button dapat juga berupa teks yang memiliki fungsi untuk menampilkan posting pada blog secara acak.

Jika anda memiliki banyak artikel di blog anda, dan berharap setiap artikel tersebut dibaca oleh pengunjung, ada baiknya anda memasang Display Random Post sehingga jika pembaca menekan link Random Post, maka mereka akan dibawa menuju sebuah artikel secara acak pada blog anda.


Caranya adalah masukkan kode di bawah ini pada bagian Template anda. Buka Dashboard kemudian Template dilanjutkan dengan Edit HTML. Letakkan kode ini persis sebelum tag </head>


<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 + "#random";
}
}
}

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>


Kemudian masukkan kode di bawah ini pada blog anda (bisa pada sidebar)
berikut ini kode berupa teks link :

<a href="javascript:feelingLucky();">View Random Post</a>

hasilnya : View Random Post

berikut ini kode berupa tombol :

<input type="button" onclick="feelingLucky();" value="View Random Post"/>

hasilnya :

Kode utama yang atas dapat anda download disini Download Kode

Oke Selamat mencoba ........!!




Comments :

3 komentar to “View Random Post Button”

Anonim mengatakan...
on 

Wah boleh juga ni sebagai fitur tambahan, thank's sobat, ditunggu Tip ngeblog lainnya.

Anonim mengatakan...
on 

Pak teruskan tips and trik nyo, aku selalu liat infonya kesini... SIP... !!

Desta mengatakan...
on 

oke lanjutkan .....!!!

Posting Komentar

SEO BLOG

seo

Link to me

If you like this blog,then link back to me, please copy the code below.
This is what you will see.

 

homeCopyright © 2010 by All About Blogging ++

Modif by deswan.co.nr | Template by Blog Templste 4 U | Blogspot Tutorial