Cara membuat menu Horizontal CSS

Alhamdulilah Berhasil juga memasang menu  menggunaka  CSS, disini saya tidak menggunakan gambar sedikitpun, karena repot dan suka agak berat cuman dilengkapi dengan Serach Google item menu dipilih menyatu dengan pita dibawah nya menonjolkan warna orange. Seperti sudah saya sebutkan, menu tidak menggunakan gambar. Menurut saya menu ini tampak modern. Bagi yg ingin memasang menu seperti ini silahkan tinggal copy paste script di bawah ini

Cara memasang nya seperti biasa mungkin agan sudah tak asing lagi cara memasang kode CSS nya,
1.Tentunya masuk keakun blog Agan
2.masuk ke edit html
3.Centang Expand Widget Templates
4.masukan kode dibawah tepat di atas
]]></b:skin>
<style type="text/css"> #modernbricksmenu{ padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; } #modernbricksmenu ul{ font: bold 11px Arial; margin:0; margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; } #modernbricksmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; } #modernbricksmenu a{ float: left; display: block; color: white; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: black; /*Default menu color*/ border-bottom: 1px solid white; } #modernbricksmenu a:hover{ background-color: gray; /*Menu hover bgcolor*/ } #modernbricksmenu #current a{ /*currently selected tab*/ background-color: #D25A0B; /*Brown color theme*/ border-color: #D25A0B; /*Brown color theme*/ } #modernbricksmenuline{ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #D25A0B; /*Brown color theme*/ } #myform{ /*CSS for sample search box. Remove if desired */ float: right; margin: 0; padding: 0; } #myform .textinput{ width: 190px; border: 1px solid gray; } #myform .submit{ font: bold 11px Verdana; height: 22px; background-color: lightyellow; } </style><br />

5.Save tempelate
6.Setelah itu masuk ke element laman klik add gadget kemudian pilih HTML/java script
7.masukan kode dibawah ini
<div id="modernbricksmenu"><ul><li style="margin-left: 1px"><a href="http://ujang-suryadi.blogspot.com/" title="Home">Home</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/jasa-akun-adsense-plus-blogspot.html" title="New">New</a></li> <li id="current"><a href="http://ujang-suryadi.blogspot.com/p/tool-kode-warna.html" title="Revised">Revised</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/order.html" title="Tools">Tools</a></li> <li><a href="http://ujang-suryadi.blogspot.com/p/order.html" title="DHTML Forums">Forums</a></li> </ul><form id="myform"><input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" /><br /> </form></div><div id="modernbricksmenuline"> </div>

8.Save lalu lihat hasil nya selamat mencoba semoga berhasil.