Hai teman-teman :D kali ini kita akan belajar bagaimana cara membuat menu drop down.. menu drop down dapat membuat tampilan blog kita semakin menarik dan dapat memudahkan para pengunjung untuk mencari informasi yang mereka butuhkan di blog kita :D nah ayuk ikuti langkah-langkahnya dibawah ini :

Yang pertama pastinya kita harus pergi ke www.blogspot.com dan kemudian login

Kedua, kita pergi ke 'Tata Letak'

Kemudian 'Tambah Gadget'

Selanjutnya, tambahkan 'HTML/JavaScrip'

Dan... Pastekan kode dibawah  ini di dalam box tersebut

<div id='menuwrapperpic'>

<div id='menuwrapper'>

<ul id='menubar'>

<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcqO9VuB3q0gP4tyYWX0x8KvsoyP-9VnzkX6jxtZN8xtFDxuq2kzywxxy1mbrHveMYV9kDH23PM1MKjd11mt8B3IyE5vpdDbVIWySM8LCQ8WF8qKdpDFx_o9VySOeau2BEZAFtC85DRFk/s1600/home_white.png' style='padding:0px;'/> Home</a></li>

<li><a href='-----' target='new'>Tentang Admin</a></li>

<li><a class='trigger'>Contact Us</a>

<ul>

<li><a href='-----' target='new'>Goggle +</a></li>

<li class='hr'/>

<li><a href='-----' target='new'>Contact on Twitter</a></li>

<li><a href='-----' target='new'>Contact on Myspace</a></li>

<li><a href='-----' target='new'>Follow me on Facebook</a></li>

</ul>

</li>

<li><a href='-----' target='new'>Berita</a></li>

<li><a class='trigger'>Tips dan Trik</a>

<ul>

<li><a href='-----'>Komputer</a></li>

<li class='hr'/>

<li><a href='-----'>Blogspot</a></li>

<li class='hr'/>

<li><a href='-----'>Internet</a></li>

<li class='hr'/>

</ul>

</li>

<li><a class='trigger'>Kategori</a>

<ul>

<li><a href='-----'>TV Online</a></li>

<li class='hr'/>

<li><a href='-----'>Komputer</a></li>

<li class='hr'/>

<li><a href='-----'>Desain Grafis</a></li>

<li class='hr'/>

<li><a href='-----'>Game</a></li>

<li class='hr'/>

<li><a href='-----'>Microsoft</a></li>

<li class='hr'/>

<li><a href='-----'>Software APP</a></li>

<li class='hr'/>

<li><a href='-----'>Software Program</a></li>

</ul>

</li>

</ul> <div class='menusearch'>

<div style='float:right;padding:8px 8px 0 0;'>

<form action='http:/ceklovakia.blogspot.com/search' method='get' target=''>

<input name='sitesearch' style='display:none;' value='http://ceklovakia.blogspot.com'/>

<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdh5Wr74cb2fYg1XR2YWIfmKo5cmCyD4euGbK65UQRGQcZ-Kt0-S3FgXh6PCpCn7tNdO8kMEcL5eJlc_3a4XlvJLEUZbMzHoGrf0asD84LniAVY3ad6-zRy_HI4UCL0SlDoFnWlQcEUSY/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzN6bO7ptLhPoGM4HNDOp6FtIFYflQbeq722bOt1Let2_olaysCTP4dI9uXp2nrmzsq1_QsVILmr4dXYIpTbt2KNy_fSexGgCzunRkWCBkrUJWxocifnKD_IRcIWa3Zt1Xo3uXEKNcCW0/s1600/bg_search.gif' type='image' value='Search'/>

</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

 Keterangan:

-warna merah merupakan nama menu blog, dapat digantikan sesuai kehendak kalian

-warna biru dapat digantikan dengan link anda masing-masing

-warna pink merupakan daftar drop downnya :D

Kemudian simpan dan... taraaa!!! menu drop down kita dah jadi :D

Klik gambar untuk memperbesar/memperjelas gambar. Semoga bermanfaat :D jangan lupa komennya yah