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:
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='https://sites.google.com/site/ruangsc/enes/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='https://sites.google.com/site/ruangsc/enes/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 .....
35 commentsPosting Komentar
Langsung praktek ah. Hatur tengkyu kang Enes
thanks infonya. langsung praktek
kurang paham
Wah ada ilmu baru... thanks ya Kang udah bagi2 ilmu.
BTW, bikin berat gak ya...?
Terima kasih tutorialnya. Bagus.
Salam ukhuwah
Makasih postingnya bro,,, jadi tahu neh :)
mampir sambil cari info...!!
trik yang bagus kang....!!
bisa buat pengganti label
ntar tak coba...!!
Pengen nyoba tapi kayaknya belum paham kang...
@Semua:
Sama-sama sob...
@Reni:
Lumayan sih mbak, kalo semua label dimasukkin pasti jd bikin berat, makanya pilih aja kira-kira label yg dianggap penting
@Ikhsan dan Latifah:
Nati juga faham sob. Makanya cobain dulu
Boleh nak Coba..
Hatur tankyu kunjunganya..:D
http://www.amierchan.co.cc/
thx sob sllu menghadirkan trik dan tipsnya yang keren...langsung dicoba dweh..
waduh Kang, saya masih kurang paham...
Kreatif!
nice sob !!!!!!!!
sobat di praktekin, !!!
teu aya contona nya kang......supaya langkung jelas.....
@Rahmatea:
Contona dina menu Tips Bloging, HTML-Komnet, sareng Lain-lain, kang...
informasi terbaru, biar gak ribet Lagi. trims u/ infonya, sy coba praktekan yah. boLeh dooooong.
--------------
kunjungan perdana, saLam kenaL.
jalan2 malam sambil baca2 informasi terbaru dari blog sahabat...
Selamat dini hari, kang. Inet lemot mulu nih. Belum sempat sedot habis ilmunya kang Enes kali ini..hiikz.
mampir untuk baca tutorial baru kang
wah sepertinya menarik nech sob
coba2 dipraktekan biar kliatan hasilnya
Sukses Slalu!
salam kang aku mau belajar nih HTML siapa tahu bisa seperti akang
ko ga berhasil ya kang? udah dicoba berkali-kali hasilnya ga muncul
trims mas atas infonya... butuh praktek sendiri
nich...
mau nanya nih...
ini kan tampilnya sesuai postingan terbaru, trus kalau mau menampilkan postingan sesuai abjad gimana yah...???
thanks for share..berhasil di blog saya
thanks gan, salam kenal
Makasiya gan script bermanfaat....
udah ku coba, emang muncul sih daftarnya tapi gak bisa klik..
Kata orderby=published diganti dengan apa biar urutannya berdasarkan huruf depan judul artikel?
Terimakasih.
mantaf bang gue udah coba...
tukar link bang..
http://technoonlineshare.blogspot.com/
Oya bang Gimana Menghilangkan
"Widget by SC Community"
terlalu kentara bang..
@Mulki MulucEdit aja script http://enes-sc.googlecode.com/files/rc-label.js
Hilangkan Widget by SC Comunity-nya
wow..makasih..
seperti yang saya cari..
Keren om
Tambahkan Komentar