#navbar-iframe {display:none}

Kamis, 09 Juli 2009

Membuat Recent Post / Posting Artikel Terbaru

Jika anda memposting banyak artikel sesuai tanggal posting tentu urutan artikel yang ditampilkan di homepage/halaman utama akan diurutkan berdasarkan tanggal dan waktu anda melakukan posting. Bisa saja kita menampilkan banyak postingan di halaman utama tetapi jika terlalu banyak akan memperlambat loading blog dan kelihatannya terlalu panjang ke bawah. Untuk memberitahukan kepada pengunjung tautan/link posting terbaru yang dianggap penting salah satu caranya dengan memasang widget Recent Post.

Widget recent post kita dapat membuatnya dengan dua cara yaitu dengan menggunakan kode javascript dan dengan memanfaatkan fasilitas feed blogger.

Cara 1# dengan Feed Blogger :

1. Masuk ke Blogger
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Pilih menu Feed
6. Pada kolom URL Feed isi dengan :

http://URLBlogAnda/feeds/posts/default

Oh iya, fasilitas Feed Blogger ini bisa juga dipakai untuk Recent Comments

URL Feed untuk recent comment :

http://URLBlogAnda/feeds/comments/default

Kelamahan cara ini adalah jumlah tautan/link yang ditampilkan terbatas sampai lima baris saja. Oleh karena itu, jika ingin tidak tebatas anda bisa menggunakan cara kedua di bawah ini.

Cara 2# dengan menggunakan Javascript :

1. Login ke Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" lalu pilih "Tambah Gadget --> HTML/Javascript"
3. Copy paste kode berikut :


<script src="http://www.geocities.com/masdhanisi/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://URLBlogAnda/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>



4. Ganti URLBlogAnda dengan URL blog anda. Jika memakai self domain tinggal ganti dengan http://www.domainanda.com.
5. Angka "10" akan menampilkan jumlah "Recent Post" anda bisa mengganti sesukanya.
6. Klik tombol SIMPAN

Lihat hasilnya.

0 komentar:

Template by : kendhin x-template.blogspot.com