Tuesday, February 9, 2010

Cara Menampilkan Recent Posts (Artikel Terbaru) berdasarkan Label

Pastinya sudah sangat sering kita melihat di suatu blog ada Recent Posts-nya (Artikel Terbaru). Tapi tentunya akan lebih menarik jika kita bisa memisahkan Recent Posts di blog kita berdasarkan label yang ada pada blog kita tersebut. Tentu saja akan lebih mengkhususkan Artikel yang akan kita tampilkan pada Recent Posts.

Sebenarnya cara menampilkan posting terbaru menurut kategori sama halnya dengan cara membuat recent posts di blog. Hanya saja dalam membuat atau menampilkan recent posts berdasarkan label (kategori) ada penambahan kode, pastinya nama label itu sendiri. Bagaimana caranya?

Kira-kira begini caranya bagi yang belum tahu:
(Bagi yang sudah tahu mohon komentar dan sarannya)

1. Menampilkan artikel terbaru berdasarkan label/kategori dengan feed

Dari "Tata Letak" pilih "Tambah Gadget", kemudian pilih "RSS Feed".

Masukkan url feed:

http://namablog.blogspot.com/feeds/posts/default/-/namaLabel

<--jika nama label tanpa spasi-->

Atau

http://namablog.blogspot.com/feeds/posts/default/-/namaLabel%20denganSpasi

<--%20 : digunakan untuk spasi-->

Contoh:

http://amin-raha.blogspot.com/feeds/posts/default/-/Tutorial%20Blog

<--jika saya akan menampilkan artikel terbaru menurut kategori Tutorial Blog-->

Klik "Lanjutkan".

Atur tampilan feed anda, lalu "SIMPAN".

2. Menampilkan artikel terbaru berdasarkan label dengan JavaScript


"Tambah Gadget" » pilih "HTML/JavaScript".

Copy script di bawah ini dan paste di kolom konten pada konfigurasi HTML/JavaScript:

<script style="text/javascript" src="http://www.geocities.com/oom_directory/recentpost.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablog.blogspot.com/feeds/posts/default/-/namaLabel?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

<--script dari http://o-om.com/-->

SIMPAN

Keterangan:
Bagian no. 1 diatas biasnya digunakan khusus pengguna blogger/blogspot.
namablog.blogspot.com ganti dengan url blog anda.
namaLabel ganti dengan nama label yang artikelnya akan ditampilkan.
namaLabel%20denganSpasi sama, ganti dengan nama labelnya, kode %20 adalah pengganti spasi untuk label berspasi. Contoh: Tutorial%20Blog.
var numposts = 5; ganti angka 5 dengan jumlah artikel yang ingin ditampilkan.

Inspirasi: bi2t

No comments:

Post a Comment