Cara buat label "Drop Down" - BLOGATTANAHI
Headlines News :
Home » » Cara buat label "Drop Down"

Cara buat label "Drop Down"

Written By Langlang Buana on Minggu, 18 Juli 2010 | 19.33

Label Dropdown Menu adalah menu yang berjajar kebawah, tetapi hanya akan muncul jika kita meng-klik tanda panah kecil di sampingnya. Pokoknya gitu lah..

Pertama, pastikan Sodara sudah menggunakan Label di blog Sodara. Klo belum, silahkan buat :
-Pilih 'Add Widget'
-Pilih 'Label'
-Beri nama dengan 'Dropdown Label', untuk mempermudah mempraktekkan trik ini.
 

1.Edit HTML'. Download dulu tempale Sodara y, demi keamanan.
2.Centang pada 'Expand Template Widget'
3.Cari kode di bawa ini, Cara yang paling mudah adalah dengan Ctrl+F,


<b:widget id='Label1' locked='false' title='Dropdown Label' type='Label'>
<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>
</b:if>

<div class='widget-content'>

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Klo dah ketemu, silahkan GANTI kode berwarna merah itu dengan kode ini:

<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Pilih Berdasarkan Label</option>
<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/></option>
</b:loop>
</select>

Simpan....selesai. dan lihat Hasilnya
Selamat Mencoba.
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger