Selasa, 30 Agustus 2011

Cara Membuat Tampilan Label dengan Menu Dropdown di blogger.com

1.Seperti biasa, Login dulu di blogger .com

2.Setelah memasuki dashboard, klik menu layout lalu pilih edit HTML

3.Kemudian dari pada itu, jangan lupa kasih tanda centang di expand template widget

4.Lalu cari kode seperti di bawah ini :



Silakan untuk Melihat Source code:



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




Seandanya tak kunjung ketemu, berarti menu label belum terpasang. Silahkan pasang terlebih dahulu kemudian dari pada itu kembalilah untuk mengikuti jejak langkah yang berikutnya. Dan jika sudah terpasang dan telah kau temukan jangan tunggu lama langsung saja ganti kode tersebut dengan kode di bawah ini :


Silakan untuk Melihat Source code:



<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>



6 komentar:

nurul qmeriah mengatakan...

good,sign in blog q blek ya

apuryani (adeq_WDP) mengatakan...

saya mau berkomentar , script tersebut di paste ke dalam edit html ! tp di mana nyah , apah di bawah body or apah kurang jelas !!

Ryo Loebas Komputer mengatakan...

parah nech tutor nya gak lengkap,petunjuk nya gak jelas.ach

Watching Information mengatakan...

Manstab kaka ..

Health Blog mengatakan...

keren jg tuh

Unknown mengatakan...

saya udah coba cara di atas, tapi kagak nampil tuh, gmn neh gan???