Recently Updated Post Widget

May 18, 2008 by Adam Pahlevi  
Filed under Google Blogger

Leave a comment

Pernah ngunjungin blognya Aditya di The Last Word? kalau pernah, disana ada satu hack yakni hack untuk membuat Widget/List yang menampilkan postingan-postingan mana yang baru hot diupdate/hot diperbarui. Penemuan ini dimulai dengan Aditya yang meneliti bahwa RSS Blogger ternyata menampilkan Postingan-Postingan terupdate dibagian atas sendiri RSS. Waw! pengamatan yang menakjubkan. Namun sayang, kalau anda mengetahui, hack tersebut hanya berlaku untuk Old Blogger/Blogger Classic. Lalu, bagaimana mengimplementasikan pada New Blogger/Blogger BETA?

Hack ini hanya satu didunia untuk Blogger. Sedangkan WordPress… cukup banyak. Semoga Blogger cepat berinovasi yah… Kalau boleh nampang n’ jujur nie, hack ini asli lho modifan Blogywalkie.com, asli banget. Oia… sebelum pengaplikasian hack ini, kalian bisa mendapatkan pilihan:

  1. Hack ini terloading sebelum blog tertampilkan (synchronous)
  2. Hack ini terloading namun biarkan blog tertampilkan (asynchronous)

Synchronous

Jika kita ingin hack ini tertampil sebelum isi blog kita tertampil, tambahkan saja blok kode berikut didalam tag <head> (tahu kan letaknya?)

<script type=”text/javascript” src=”http://jscripts.ning.com/get.php?xn_auth=no&amp;id=1317016″></script>
<script type=”text/javascript”>
//<![CDATA[
do_updated_posts('<$BlogURL$>',",5);
//]]>
</script>

Asynchronous

Dan jika kita ingin agar hack ini tertampil, tapi biarkan isi blog juga tertampil. Maka kopikan kode dibawah ini dalam tag <head>:

<script type=”text/javascript” src=”http://jscripts.ning.com/get.php?xn_auth=no&amp;id=1317016″></script>
<script type=”text/javascript”>
//<![CDATA[
addLoadEvent(function(){do_updated_posts('<$BlogURL$>','last_updated_posts',5);});
//]]>
</script>

The last step

The Last Step, langkah terakhirnya… kita tinggal menambahkan kode berikut ini ditempat dimana Recent Updated Post akan tertampil:

<div id=”last_updated_posts”><i>Loading…</i></div>

Kita bisa menaruh kode tersebut di HTML/JavaScript. Yakni melalui Page Element / Add a Page Elements / HTML/JavaScript dan kopikan kode diatas

Random Posts

Tags:

Enter Google AdSense Code Here

Comments

2 Comments on "Recently Updated Post Widget"

  1. gre on Mon, 19th May 2008 2:18 am 

    :) menarik juga hacknya.

    boleh nggak saya kutip diblog saya?

    tks,
    gre
    http://template-godown.blogspot.com

  2. Adam Pahlevi on Tue, 20th May 2008 1:27 am 

    Nggak papa kok, gak masalah

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!