Sudah berlangganan artikel blog ini via RSS Feed?

Jumat, 21 Maret 2008

Display Random Post Pada Blogger

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[
var _yourBlogUrl = "http://anangku.blogspot.com";

function randomPost() {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
var totalResults = json.feed.openSearch$totalResults.$t;
if (totalResults > 0) {
getRandomPostNumber(totalResults);
}
};
function getRandomPostNumber(totalResults) {
var randomNumber = Math.floor((Math.random() * totalResults) + 1);
getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
var theUrl = json.feed.entry[0].link[0].href;
window.location.href = theUrl;
}
//]]>
</script>

Jangan lupa untuk mengganti variabel _yourBlogUrl dengan URL blog anda.

Kemudian masukkan kode di bawah ini pada blog anda.
<a href="javascript:randomPost();">View Random Post</a>

Atau jika ingin tampilan tombol button, anda bisa memasukkan kode ini:
<input type="button" onclick="randomPost();" value="View Random Post"/>

Selesai....

Sumber : http://anangku.blogspot.com/2007/05/display-random-post.html

0 Your Coment:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Masukan dan kritikan anda turut andil dalam penyempurnaan blog ini. Made_Blink182