Random Post ( Postingan Acak ) untuk Blogger

Jika sebelumnya telah membuat random post bagian pertama, sekarang saya akan memberikan beberapa script untuk membuat random post versi kedua. silahkan dibaca selengkapnya dibawah ini:

Script kode 1

1. Login Ke blogger kalian
2. Masuk Rancangan ---> EDIT HTML (centang Expand template widget)
3. Simpan kode berikut diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://NAMABLOGKALIAN";

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>

4. Simpan template kalian
5. Masuk ke ELEMEN halaman
6. tambah gadget ---> HTML/Java script
7. Simpan kode berikut :

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

cara diatas selesai, jangan lupa disimpan....

Script kode 2

1. Login Ke blogger
2. Pilih rancangan ---> Tambah Gadget ---> HTML/javascript
3. Copy paste kode berikut

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>

5. jangan lupa di SAVE

Silahkan ganti kode berwarna merah diatas dengan nama blog kalian

MEMBUAT RANDOM POST BENTUK FLASH

1. Silahkan kunjungi situs Blastcasta.
2. Setelah terbuka, masukan URL feed berikut pada kotak yang tersedia

http://www.AlamatBlog.com/feeds/posts/default

3. Pada bagian drop down, pilih create a News Ticker, kemudian KLIK Go
4. Pada halaman selanjutnya, anda dapat merubah settingan tampilan dari News Ticker seperti huruf dan warna.
5. Copy kode HTML yang berada sebelah kanan
6. Buka Blog dan masuk ke ELEMEN halaman
7. Tambah Gadget ---> HTML/JavaScript
8. Pastekan kode tadi pada kontent java scriptnya
9. Jangan Lupa disimpan dan semoga membantu

Semoga bermanfaat dan terima kasih ....