Powered By Blogger
...:::LAWKING:::... selamat datang

Kamis, 24 November 2011

Cara Edit Drop Down Menu Bloger

Dropdown Menu
Kali ini saya akan mencoba berbagi sedikit ilmu yang saya peroleh dari masukan dari teman" yaitu tentang mengedit Drop Down menu pada Top menu blog kita.
Mungkin untuk para Bloger yang dah mahir ini bukan apa" tapi buat para Bloger pemula yang mendapatkan Templatenya dari penyedia Template gratisan kadang bingung apa yang harus dilakukan untuk mengedit Drop Down menu bawaan template yang telah di download.
Ok to the point aj :
1.Log in Bloger 
2.Klik "Tata Letak" kemudian Klik "Edit HTML".Kemudian beri tanda centang pada tulisan "expand widget tempate" jangan lupa untuk copy kode script blog kamu lalu simpan di not pad ( untuk jaga-jaga)
3.Lalu tekan Ctrl + f 
4.Lalu cari kode " <ul class='menus menu-secondary'> " (tanpa tanda kutip) 
5.Tepat di bawah kode "<ul class='menus menu-secondary'>" anda bisa mulai mengeditnya
berikut contohnya : 

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>+18</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>


pada bagian yang saya beri warna Merah itu bisa anda edit sesuai label yang ada pada blog anda sedangkan yang saya beri warna Biru itu merupakan kode awal dan akhir dari sebuah kode untuk widget jadi jika ingin mengurangi element/sub menu yang ada pada Drop Down menu
Sub Menu pada Drop Down menu
kamu bisa menghapus bagian yang tidak kamu inginkan dengan tidak lupa menakhirinya menggunakan kode yang saya beri warna biru seperti contoh di bawah ini :

<li><a href='#'>+18</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>

</ul>
</li>


pada bagian yang saya beri warna merah adalah merupakan sub menu yang tidak saya inginkan maka saya/anda dapat mengeditnya menjadi seperti ini :

<li><a href='#'>+18</a></li>

terlihat pada kode diatas yang saya beri tanda biru adalah kode yang telah saya sebutkan di atas tadi.
Oke mungkin cukup sampai disini penjelasan yang bisa saya berikan jika kurang jelas atau ada yang mau menambahkan silahkan koment kritik dan saran sangat saya harapkan(selama itu positif)

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More