Membuat Random Posts
Jika sebelumnya pernah membuat gadget recent posts, sekarang saya berikan bagaimana menambahkan random posts di blog Anda. Widget ini akan menampilkan judul-judul artikel Anda secara acak. Jadi posting lama sekalipun mempunyai kesempatan yang sama untuk 'mejeng' di sidebar Anda.
Caranya mudah sekali tinggaltambahkan script berikut di gadget HTML Anda
Ganti yang berwarna merah dengan alamat blog Anda
Simpan gadget Anda, semoga berhasil.....
Caranya mudah sekali tinggaltambahkan script berikut di gadget HTML Anda
<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://www.masdoyok.co.cc";
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://www.masdoyok.co.cc";
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 yang berwarna merah dengan alamat blog Anda
Simpan gadget Anda, semoga berhasil.....
Keren mas doy,... sudah saya coba dan hasilnya memuaskan hehehehe
BalasHapus@new blogger sip deh, alhamdulillh kalo sukses
BalasHapusmaju terus blogger Indonesia!
mantapz banget mas.....
BalasHapussemoga bermanfaat :D
BalasHapusWadu ini dia yang aq cari. Nice info, thx bang doyok. Salam kenal juga buat semuanya
BalasHapus@Dunfoku
BalasHapussemoga saja bermanfaat ya
Wadu aq kuk ga bisa ya bang, ad apa neh yang salah
BalasHapusmaaf mas,,,,,tutorialnya gagal buat blog saya (bagoevix.blogspot.com)
BalasHapusdi pasang di tat letak
BalasHapusadd gadget
html/java script
Ilmu lagi nih mas...
BalasHapusini yg saya cari dan sudah sy terapkan di blog saya
BalasHapusLOH.... kok kode ini tdk bs berjalan dan tdk berfungsi d blog saya???
BalasHapus