Menampilkan random posts blogger

Blogger, Blogging Add comments

Random posts adalah cara untuk menampilkan posting secara acak. Untuk menampilkan random posts berikut langkah-langkahnya:

LANGKAH PERTAMA

- Buka Dashboard

- Klik Layout

- Pilih Edit HTML

- Beri ceklist pada Expand widget templates

- Letakkan kode berikut ini diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://junjungpurba.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>

- Klik Save Template

LANGKAH KEDUA

- Masuk ke Dashboard

- Klik Layout

- Pilih Page Elements

- Klik Add a Gadget

- Pilih HTML/JavaScript

- Masukkan kode dibawah ini pada halaman yang muncul

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

- Klik Save

- Klik Save lagi, selesai.

One Response to “Menampilkan random posts blogger”

  1. Jadilah_Bijaksana.blogspot.com says:

    rahasia dibeberkan, kunjungi : http://www.rahasia-dibeber.blogspot.com/

Leave a Reply

GlossyBlue by N.Design Studio - Modified by JUNJUNG.NET