posting acak (Random Post) 3

saya yakin anda pasti sudah tahu apa itu "random post".... jika masih ada yang belum mengetahuinya saya akan menjelaskan sedikit tenyang "random post"... randompost merupakan asal kata dari random yang artinya acak dan post yang artinya jurnal/tulisan yang kita buat...

jadi intinya random post di gunakan untuk menampilkan postingan secara acak ( tidak berurutan)

sudah jangan basa basi kita mulai saja..!!

1. logn accoun blogger anda
2. kostumisasi --> tata letak --> edit HTML
3. beri tanda centang pada kotak "Expand Template Widget"


4. untuk bersiaga jika terjadi sesuatu download saja dulu template anda
5. cari kode </head> lalu copy code dibawah ini tepat diatas kode tadi :

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

janagan lupa merubah kode yang berwarna merah dengan alamat blog anda.

6. simpan

7. buka element halaman --> buat widget baru --> html/java script
8. copas code dibawah ini:

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

9. simpan

selesai sudah.... gimana hasilnya ???

Baca Juga Artikel Terkait