Membuat Drop Down Menu untuk Label

mau sharing neh tentang cara membuat Drop Down menu untuk label,kelebihan dari Drop Down menu adalah kita dapat menghemat tempat pada blog kita agar lebih terlihat rapi. oke langsung saja kita mulai.
untuk membuat Drop Down menu kita harus login dulu di blogger.com

1. pilih Tata Letak atau lay Out
2. pilih Edit HTML
3. Backup dulu kode HTML yang lama untuk jaga-jaga agar template kita yang lama menjadi aman dengan memilih Download Template Lengkap
   
4. pilih Expand Template Widget
   

Cari kode di bawah ini pada Edit HTML


<b:widget id="Label1" locked="false" title="Labels" type="Label">
........
.......
....

</b:widget>

agar lebih mudah kita bisa mencari kode tersebut dengan cara pilih menu Edit - Find Ctrl+F kemudian pada bagian bawah kiri ketikkan kode di atas yang baris pertama
setelah ketemu ganti dengan kode di bawah ini:



<b:widget id="Label1" locked="false" title="Labels" type="Label">
<b:includable id="main">
<b:if cond="data:title">
<h2><data:title/></h2>
</b:if>
<div class="widget-content">
<br/>

<select onchange="location=this.options[this.selectedIndex].value;" style="width: 180px;">
<option>Labels</option>
<b:loop values="data:labels' var="label">
<option expr:value="data:labels.url"><data:label.name/>
</option>
</b:loop>
</select>

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




Setelah selesai kemudian Save Template

Thanks To :

-Blogu
-Kang Rohman
-subagya

Silahkan Kode di atas kalo ada kekurangan agar di beri masukan, karena saya juga dalam tahap pembelajaran..


Kembali ke halaman depan