KTU | Membuat Menu Horizontal Tanpa Edit HTML ~ Kuala Tungkal Underground™

Menu ini saya agak copas sedikit dari orang..

Dan menu ini kemudian saya edit dan saya kembangkan menjadi lebih keren lagi...

Sobat bisa liat contoh gambarnya di bawah ini :
Contoh gambar hasil editan saya..

Waaaw,, Menarik bukan...??Penasaran..??Apakah sobat berkenan ingin memasang menu ini di blog sobat....??Jika tidak Gantung diri...Jika berkenan langsung aja yuk CekidioT...Eh salah ...CekidoT...
1.Login ke blogger sobat
2.Dari dasbor klik rancangan
3.Kemudian klik "Tambah Gadget" Lalu pilih "HTML/JavaScript"
4.Lalu Copy code di bawah ini dan pastekan di kolom "HTML/JavaScript"

<style type="text/css">

.caesar{
float:left; margin-bottom:10px;
padding:0px; width: 100%;
overflow: hidden; background: darkblue;
background: -moz-linear-gradient(top, darkblue 0%, darkorange 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,darkred), color-stop(100%,darkorange));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#000',GradientType=0 );
-moz-box-shadow: 0px 0px 30px, 0px 0px 30px, 0px 0px 30px darkred;
-webkit-box-shadow:0px 0px 30px, 0px 0px 30px, 0px 0px 30px darkred;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

.caesar ul{
margin: 0; padding: 0; padding-left: 10px;
font: bold 14px Verdana;
list-style-type: none; }

.caesar li{
display: inline; margin: 0;}

.caesar li a{
float: left; text-decoration: none;
margin: 0; padding:12px; color: white;}

.caesar li a:visited{color: white; }
.black li a:hover, .black li.selected a{color:#ccff00;}

.searchbox {position:absolute; left:990px; top:305px; width:190px; font-size:11px; color:#996633;}
   #searchform .label {display:block; padding:0px 0px 2px 5px;}
       .search {width:140px; height:25px; background: url(http://i730.photobucket.com/albums/ww304/skincorner6/narutosearch.jpg) left top no-repeat; float:left;}
   #searchform input {border:none; background:transparent url(http://i730.photobucket.com/albums/ww304/skincorner6/skincornergo1.jpg) left top no-repeat; font-size:12px; font-weight: normal; color:#996633; width:44px; height:25px; float:right;}
   #searchform .search #s {border:none; background:transparent; color:#996633; width:125px; height:auto !important; margin:3px 0 0 4px; float:left;}
</style>


<div class='caesar'>
<div style='line-height:40px;'>
<ul><li class='page_item page-item-2'><a href='url blog anda untuk home' title=''>home</a></li>
<li class='page_item page-item-2'><a href='url blog anda 2' title=''>isi menu 2</a></li>
<li class='page_item page-item-2'><a href='url blog anda 3' title=''>isi menu 3</a></li>
<li class='page_item page-item-2'><a href='url blog anda 4' title=''>isi menu 4</a></li>
<li class='page_item page-item-2'><a href='url blog anda 5' title=''>isi menu 5</a></li>
<li class='page_item page-item-2'><a href='url blog anda 6' title=''>isi menu 6</a></li>
<li class='page_item page-item-2'><a href='url blog anda 7' target='_blank'>isi menu 7</a></li></ul>
<div id='search'>

<form action='/search/' method='get'>
<input class='search_text_box' name='q' onblur='if (this.value == "") {this.value = "search here...";}' onfocus='if (this.value == "search here...") {this.value = ""}' type='text' value='search here...'/>
<input class='search_submit' id='search_submit' name='search_submit' type='submit' value=''/>
</form>
</div></div></div>