hayyyy Sobat blogger bertemu lagi ne,,,, hehhehehhe kali ini saya akan membahas menu drop down di blog contohnya seperti di blog saya di pojok kanan atas yang tulisannya MY PARTNER COMMUNITY xiixixi menunya kan puanjang ke bawah nah mau tau cara buatnya oke sebelummnya sobat harus ke TKP;
Tambahkan code CSS dibawah ini di bawah menu Css Horizontal Blog sobat..

#nav li ul a {<br /> width: 100px;<br /> }<br /> #nav li ul ul {<br /> position: absolute;<br /> margin: -30% 0 0 95%;<br /> }<br /> #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {<br /> left:-999em;<br /> }<br /> #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {<br /> left:auto;<br /> }<br /> #nav li li li.sfhover ul {<br /> left:auto;<br /> }<br /> #nav li:hover, #nav li.sfhover {<br /> position:static;<br /> }

Setelah itu cari code dibawah ini <div id='navleft'>.
Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.

<div id='navleft'><br /> <div id='nav'><br /> <ul><br /> <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li><br /> <li><a href='http://Link_yang_dituju'>teks kamu</a></li><br /> <li><a href='http://Link_yang_dituju'>teks kamu</a><br /> <ul><br /> <li><a href='URL sub 1'>teks kamu</a></li><br /> <li><a href='URL sub 2'>teks kamu</a></li><br /> <li><a href='URL sub 3'>teks kamu</a><br /> <br /> <ul><br /> <li><a href='URL sub 3.1'>teks kamu</a></li><br /> <li><a href='URL sub 3.2'>teks kamu</a></li><br /> </ul><br /> </li><br /> <br /> </ul><br /> </li><br /> <li><a href='http://Link_yang_dituju'>teks kamu</a></li><br /> <li><a href='http://Link_yang_dituju'>teks kamu</a></li><br /> </ul><br /> </div><br /> </div>

ARTKEL TERKAIT

Tutorial Blogging

• Link warna-warni
• Widget Multi Halaman
• Effect image Zooming
• Buku Tamu di Blog
• Widget Google translate
• Mngubah Ukuran Template Blog
• Menu Drop Down 3
• Drop Down Menu Di Horizontal menu 2
• Blog Alert
• Read More Di Blog
• Kupu-kupu terbang Di blog
• Burung Twitter Di Blog
• Kelelawar Di Blog