Jumat, 14 September 2012
Cara Membuat "RANDOM POST" Pada Blog
Do you like this story?
Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Cara Membuat Random Post (menampilkan postingan secara acak) Di Blog.Random Post merupakan suatu cara untuk menampilkan postingan blog sehingga tampil secara acak.Perlu sobat ketahui,random post memang sudah lama ada dari tempo dulu dan banyak juga para blogger yang sudah mahir menuliskan tentang cara menampilkan random post
di blog.Namun,mungkin bagi blogger pemula masih bingung dengan cara
pasangnya.Dan dalam artikel ini sengaja saya jelaskan dan mungkin bisa
membantu khususnya bagi sobat yang masih pemula dalam dunia blog.
Dan langsung saja saya jelaskan secara singkat untuk membuat "Random Post" di blog.Silahkan sobat ikuti langkah-langkah di bawah ini:
Dan langsung saja saya jelaskan secara singkat untuk membuat "Random Post" di blog.Silahkan sobat ikuti langkah-langkah di bawah ini:
- Login ke blogger
- Klik Tata Letak atau Rancangan
- Klik Edit Html
- Copy dan Paste kode di bawah ini dan letakkan di atas </head>
script type="text/javascript"><
//<![CDATA[
var _yourBlogUrl = "http://cyberxskyfire.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>
//<![CDATA[
var _yourBlogUrl = "http://cyberxskyfire.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>
- Ganti tulisan http://cyberxskyfire.blogspot.com dengan URL blog milik sobat
- Klik simpan
- Kemudian tambahkan sebuah elemen laman (klik rancangan>klik elemen laman>klik add gadget atau tambah gadget>klik opsi HTML/JavaScript)
- Copy dan Paste kode ini ke dalamnya <a href="javascript:randomPost();">View Random Post</a>
- Simpan
- Selamat Mencoba & Semoga Berhasil
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
Langganan:
Posting Komentar (Atom)
0 Responses to “Cara Membuat "RANDOM POST" Pada Blog”
Posting Komentar