Rabu, 29 Juni 2011

Membuat Widget Random Post

Postingan kali ini membahas bagaimana membuat widget/gadjet random post, seperti yang ada di bagian samping blog saya ini (update: contohnya sudah dihapus, hehe). Nah langsung saja ke langkah membuatnya:

1. Login ke akun blogspot anda
2. Klik tab Tata Letak / Design, kemudian kita telah berada di Page Elements
3. Klik "add a gedjet"

4. Pilih "html / java script"

5. Copy script di bawah ini

<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%2Fbiruhutan.blogspot.com&num=3" type="text/javascript"></script>

6. Beri judul (terserah), Save

NB: ganti biruhutan.blogspot.com dengan url anda dan num=3 dengan banyaknya post yang ingin ditampilkan.

Tidak ada komentar:

Posting Komentar