Dalam tutorial kita kali ini saya akan mengangkat suatu judul tentang tehnik memodifikasi label dengan sistem DROP DOWN. Fungsi ini sangat berguna buat para teman teman yang memang halaman blognya memiliki banyak label. Bila anda sebagai pemilik halaman blog anda patut mencobanya untuk mempercantik sekaligus dan tidak memakan banyak ruang widget pada halaman blog. Kinerja dari tutorial saya kali ini adalah label. jadi saya rasa anda harus lebih dulu memasang widget label pada halaman anda, silahkan edit tampilannya agar lebih menarik dilihat para pengunjung halaman anda.Dengan mengedit sedikit kode tag htmlnya, tutorial kali ini akan membuat label blog tampil elegan. Tutorial Login to blog Pilih " Template " lalu klik " Edit HTML " Cari kode Code: <b:widget id='Label1' locked='false' title='Labels' type='Label'/> bla..bla..bla </b:widget> Setelah ketemu silahkan gantikan code yang diatas dengan code yang ada dibawah ini. Kemudian save template dan lihat hasilnya. Code: <b:widget id='Label1' locked='false' title='Categories' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Judul</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'> <data:label.name/> (<data:label.count/>) </option> </b:loop> </select></div> </b:includable> </b:widget> Note Widget label dalam postingan kali ini digantikan dengan sistem selek drop down, tampilan yang menarik dan tidak memakan banyak tempat untuk label halaman. Untuk mengganti code Code: <b:widget id='Label1' locked='false' title='Labels' type='Label'/> anda harus menggantikan code tersebut sampai batas code Code: </b:widget> . Untuk tulisan warna hijau , silahkan anda ganti dengan judul kategori halaman anda. Code tulisan warna biru berguna untuk menunjukkan berapa banyak artikel dalam sebuah kategori atau biasa disebut dengan counter label. Bila anda tidak ingin menunjukkan counter labelnya silahkan hapus code tersebut. Referensi : http://rivai-silaban.blogspot.com/2013/07/cara-membuat-label-drop-down-di-blog.html Rivaiblog, Jul 13, 2013 #1 wphoet You'll Never Walk Alone Joined: Feb 19, 2013 Messages: 1,149 Likes Received: 142 Trophy Points: 63 Google+: Author kalau ada picture contoh kalau ada picture contoh penampakannya bagus nih btw nice share wphoet, Jul 13, 2013 #2 nawi667 Member Joined: Jul 5, 2013 Messages: 113 Likes Received: 6 Trophy Points: 18 Google+: Author pakai thumbnail Mantap mas bro .... , tapi aku (pribadi) lebih suka label yang pakai 1 thumbnail, jadi tampilan blog bisa kaya situs-situs besar semacam detik.com dan lain-lain .... nawi667, Jul 13, 2013 #3 budiw92 Member Joined: Feb 11, 2013 Messages: 725 Likes Received: 35 Trophy Points: 28 Google+: Author bagus nih buat yang suka bagus nih buat yang suka modifikasi template budiw92, Jul 13, 2013 #4 Rivaiblog Member Joined: Jun 7, 2013 Messages: 278 Likes Received: 1 Trophy Points: 18 wphoet wrote: heheh iya yah.... ntar besok besok aje ane publish Rivaiblog, Jul 13, 2013 #5 Rivaiblog Member Joined: Jun 7, 2013 Messages: 278 Likes Received: 1 Trophy Points: 18 nawi667 wrote: iya sih sob mantap tuh hanya saja kalo kita make code XML dan Java script, bukan PHP saya rasa hal itu berat diloding sob,.. Rivaiblog, Jul 13, 2013 #6 Rivaiblog Member Joined: Jun 7, 2013 Messages: 278 Likes Received: 1 Trophy Points: 18 budiw92 wrote: Makasih atas pendapatnya sob.. Rivaiblog, Jul 13, 2013 #7 Andre Member Joined: Apr 12, 2013 Messages: 483 Likes Received: 22 Trophy Points: 18 Keren banget nih emang buat Keren banget nih emang buat diterapkan ditemplate Andre, Jul 14, 2013 #8 Rivaiblog Member Joined: Jun 7, 2013 Messages: 278 Likes Received: 1 Trophy Points: 18 Andre wrote: makasih sob atas pendapatnya.. Rivaiblog, Jul 14, 2013 #9 ncang Super Level Joined: Feb 7, 2013 Messages: 4,655 Likes Received: 761 Trophy Points: 113 Google+: Author bookmark dulu bang Rivaiblog, bookmark dulu bang Rivaiblog, barangkali nanti kalo blog saya sudah banyak postingan nya mau pasang pakai kayak gini ncang, Jul 15, 2013 #10 Rivaiblog Member Joined: Jun 7, 2013 Messages: 278 Likes Received: 1 Trophy Points: 18 ncang wrote: silahkan sob #ncang makasih atas pendapatnya.. Rivaiblog, Jul 15, 2013 #11 (You must log in or sign up to reply here.) Show Ignored Content Loading... Similar Threads - Memodifikasi label default Label blogspot accordion style Rivaiblog, Feb 27, 2014, in forum: Blogger Replies: 2 Views: 929 Achmad Muharya Jan 11, 2015 Widget Recent Post per Label with 1 thumbnail nawi667, Jul 13, 2013, in forum: Blogger Replies: 6 Views: 1,547 kaliwungu Mar 9, 2017 Share This Page Tweet Log in with Facebook Log in with Twitter Your name or email address: Do you already have an account? No, create an account now. Yes, my password is: Forgot your password? Stay logged in
pakai thumbnail Mantap mas bro .... , tapi aku (pribadi) lebih suka label yang pakai 1 thumbnail, jadi tampilan blog bisa kaya situs-situs besar semacam detik.com dan lain-lain ....
nawi667 wrote: iya sih sob mantap tuh hanya saja kalo kita make code XML dan Java script, bukan PHP saya rasa hal itu berat diloding sob,..
bookmark dulu bang Rivaiblog, bookmark dulu bang Rivaiblog, barangkali nanti kalo blog saya sudah banyak postingan nya mau pasang pakai kayak gini