TLA

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

3 komentar

  1. Dunia Blogger // September 7, 2008 at 9:54 PM  

    Thank Mas... Kurang Jelas Panya yang di ganti mas... Nanti Saya Pelajari deh Klo saya udah dapet yang ini mAs... ha aha [Roll pada Label]

  2. konsultasi kesehatan // September 8, 2008 at 6:23 PM  

    wah panduannya bagus ..tapi dak ada contohnya ya?

  3. ristianb // September 10, 2008 at 11:07 PM  

    silahkan baca yang ini agar lebih jelas lagi mas