Cara Menampilkan Judul Artikel Dari Label

Seringkali kita dalam menampilkan judul artikel dari label, kita harus susah payah mengetik satu persatu judul dan link dari artikel atau postingan untuk diletakkan pada gadget. Kita kan butuh praktis dan cepat tanpa harus menulis secara manual link berikut judul postingan tersebut. Sebenarnya tutorial ini hampir sama dengan Recent Post, tapi kita nantinya bisa menampilkan beberapa label. Dan judul artikel yang pertama ditampilkan adalah yang paling baru dipublis. Lihat contoh dibawah ini.

Berikut langkah-langkah menampilkan judul artikel satu atau lebih kategori / label :
1. Seperti biasa login ke Blogger
2. Pilih Tata Letak
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy kode dibawah ini kedalamnya

<script style="text/javascript">
var numposts = 10;
var standardstyling = true;
</script>

<script type='text/javascript' src='https://sites.google.com/site/blogrudyhartono/js/rd-label.js'></script>

<ul>
<script src="http://cirikhusus.blogspot.com/feeds/posts/default/-/tutorial%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>

Keterangan :
1. Ganti nilai var numposts=10 sesuai banyaknya judul artikel yang akan ditampilkan.
2. Ganti http://cirikhusus.blogspot.com dengan nama blog anda.
3. Ganti nama label tutorial blog sesuai nama label yang akan ditampilkan.
4. Untuk label misalnya tutorial blog, spasi diberi kode %20, jadi penulisannya tutorial%20blog
5. Label harus sesuai, kalau menggunakan huruf kecil, ya harus huruf kecil semua (jangan dicampur aduk)

Kode diatas menampilkan judul artikel hanya satu label/kategori, nah jika anda ingin menampilkan judul artikel, misalnya 3 kategori dalam 1 gadget, maka cukup menambahkan kode <ul> dan diakhiri kode </ul> dan untuk spasi tambahkan kode <br \>. Lihat contoh dibawah ini, saya akan membuat label atau kategori sebanyak 3 label yaitu tutorial blog, seo, aneka resep.

<script style="text/javascript">
var numposts = 10;
var standardstyling = true;
</script>

<script type='text/javascript' src='https://sites.google.com/site/blogrudyhartono/js/rd-label.js'></script>

Tutorial Blog

<ul>

<script src="http://cirikhusus.blogspot.com/feeds/posts/default/-/tutorial%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul>

<br/>

SEO

<ul>

<script src="http://cirikhusus.blogspot.com/feeds/posts/default/-/seo?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul>

<br/>

Aneka Resep

<ul>

<script src="http://cirikhusus.blogspot.com/feeds/posts/default/-/aneka%20resep?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul>

Tambahan kode <ul> dan </ul> dan <br/> untuk memberi jarak antara nama label yang satu dengan yang lainnya.

Nah selamat mencoba tutorial cara menampilkan judul artikel dari label, semoga bermanfaat anda happy blogging.