Membuat scroll box berdasarkan label
Acap kali ketika kita menampilkan judul-judul artikel dari satu label (kategori), kita harus menuliskan judul-judul tersebut berikut link-nya. Tentu saja hal ini cukup memakan waktu dan terbilang ribet. Padahal jika tahu caranya, cukup dengan memamfaatkan script recent posts. Hanya saja dengan cara ini, judul yang pertama ditampilkan adalah yang paling baru dipublikasikan.
Sekalipun demikian, ada keuntungan lain jika menampilkan judul-judul artikel dengan cara ini, yaitu: kita bisa menampilkan judul artikel dari banyak kategori hanya dengan menggunakan satu script saja, bahkan untuk gadget yang diletakkan pada tempat lain. Sebagai contoh, kamu bisa melihat pada menu Tips Blogging, HTML-Komnet, dan Lain-lain.
Untuk membuat widget ini, ikuti saja langkah-langkah berikut:
Jika kamu ingin menampilkan judul artikel dari dua atau lebih label dalam satu gadget, tambahkan saja script terakhir (dari <ul> sampai dengan </ul>) di bawahnya. Misalnya mau memasukkan judul-judul artikel pada label Puisi, Sosial Budaya, serta Lirik dan Syair, maka dibuat seperti ini:
Tambahan perintah <br/> (enter) setelah </ul> untuk memberi jarak antara nama label yang satu dengan yang lainnya.
Ok, segitu aja sob. Semoga bermanfaat dan selamat mencoba .....
Sekalipun demikian, ada keuntungan lain jika menampilkan judul-judul artikel dengan cara ini, yaitu: kita bisa menampilkan judul artikel dari banyak kategori hanya dengan menggunakan satu script saja, bahkan untuk gadget yang diletakkan pada tempat lain. Sebagai contoh, kamu bisa melihat pada menu Tips Blogging, HTML-Komnet, dan Lain-lain.
Untuk membuat widget ini, ikuti saja langkah-langkah berikut:
- Dari halaman dasbor, klik Tata Letak - Element Halaman.
- Klik Tambah Gadget lalu pilih HTML/JavaScript.
- Tempelkan (paste) script berikut:
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul> - Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
- Ganti NamaBlogKamu sesuai nama blog kamu sendiri.
- Ganti Nama Label sesuai nama label (kategori) yang ingin ditampilkan.
Catatan:
Untuk Nama Label yang diberi spasi, penulisannya harus menggunakan %20 sebagai pengganti spasi. Misalnya: label Blog Tutorial harus ditulis Blog%20Tutorial, label Lirik dan Puisi harus ditulis Lirik%20dan%20Puisi, dll. Dan jangan lupa, besar kecil huruf akan berpengaruh pada berfungsi tidaknya widget ini. Karena itu Nama Label harus benar-benar sesuai dengan nama label yang ada pada blog kamu. - Jika tidak ingin menggunakan bullets, hapus saja perintah <ul> dan </ul>-nya.
- Simpan hasilnya dan ucapkan Alhamdulillah.....
Jika kamu ingin menampilkan judul artikel dari dua atau lebih label dalam satu gadget, tambahkan saja script terakhir (dari <ul> sampai dengan </ul>) di bawahnya. Misalnya mau memasukkan judul-judul artikel pada label Puisi, Sosial Budaya, serta Lirik dan Syair, maka dibuat seperti ini:
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
Puisi
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default/-/Puisi?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
<br/>
Sosial Budaya
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default/-/Sosial%20Budaya?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
<br/>
Lirik dan Syair
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default/-/Lirik%20dan%20Syair?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
Tambahan perintah <br/> (enter) setelah </ul> untuk memberi jarak antara nama label yang satu dengan yang lainnya.
Ok, segitu aja sob. Semoga bermanfaat dan selamat mencoba .....
0 komentar:
Posting Komentar