Home » » Cara Membuat Label Blog Menjadi DROP DOWN

Cara Membuat Label Blog Menjadi DROP DOWN


Jangan Lupa Klik Ikuti Ya :
..:::Terima Kasih Sudah Mengunjungi Blog Kami :::..


Dalam tutorial kita kali ini saya juga 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
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

  • Setelah ketemu silahkan gantikan code yang diatas dengan code yang ada dibawah ini. Kemudian save template dan lihat hasilnya.
<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 <b:widget id='Label1' locked='false' title='Labels' type='Label'/> anda harus menggantikan code tersebut sampai batas 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.

Ditulis Oleh : Reza Shadow -Cyberpassnet

Reza Shadow Anda sedang membaca artikel tentang Cara Membuat Label Blog Menjadi DROP DOWN dan anda bisa menemukan artikel Cara Membuat Label Blog Menjadi DROP DOWN ini dengan url https://cyberpassnet-31.blogspot.com/2013/10/cara-membuat-label-blog-menjadi-drop.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Label Blog Menjadi DROP DOWN ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya. posting yang anda copy paste akan terdeteksi oleh DMCA Protection, Di mohon untuk mencantumkan link sumbernya jika anda ingin mengcopy artikel.

Blog, Updated at: Saturday, October 12, 2013

0 komentar:

Post a Comment

Catatan:
• Dilarang menyisipkan link aktif!
• Dilarang ngiklan di kolom komentar!
• Jika Berkomentar gunakan bahasa yang sopan
• Jika link download rusak, bisa di tanyakan di kometar

[+] Terima kasih [+]

Copyright © 2015. Cyberpassnet - All Rights Reserved
Template by https://cyberpassnet-31.blogspot.co.id/
Template Published by https://cyberpassnet-31.blogspot.co.id/
Powered by Cyberpassnet
Back to top