Cara membuat menu horizontal pada blog

Menu horizontal memang membuat para pengunjung lebih mudah mencari-cari sesuatu pada suatu blog
dan memang menu horizontal, vertikal dan dropdown yang ditambahkan pada suatu blog itu terlihat keren.. :D
nah, jika anda belum mempunyai menu diheader anda ikuti langkah berikut

Pertama pastinya anda sudah login blog
- lalu klik layout/tata letak

- lalu disana pada kolom kosong klik add gadget/tambahkan widget

*tunggu sampai ada poopup nah disana pilih html/javascript cari kebawah

<style type="text/css">

/* Menu horizontal untuk Blogger http://kumpulanilmu2.blogspot.com/*/

div.topbar {

height: 7px;

background: none;

}

ul.claybricks {

font-weight: bold;

width: 100%;

background: transparent;

padding: 6px 0 6px 0;

margin: 0;

text-align: left;

font-family: calibri;

}

ul.claybricks li {

display: fixed;

}

ul.claybricks li a {

color: black;

padding: 6px 8px 4px 8px;

margin-right: 20px;

text-decoration: none;

}

ul.claybricks li a:hover, ul.claybricks li a.selected {

color: white;

background: none;

background: -moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05));

background: -webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);

background: -o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);

background: -ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);

background: linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4137', endColorstr='#2c0f05',GradientType=0 );

-moz-box-shadow: 0 0 5px #595959;

-webkit-box-shadow: 0 0 5px #595959;

box-shadow: 0 0 5px #595959;

padding-top: 17px;

padding-bottom: 6px;

}

/* http://kumpulanilmu2.blogspot.com*/

</style>

<div class="topbar">

</div>

<ul class="claybricks">

<li><a href="/">Home</a></li>

<li><a href="http://urgmlbid-go.blogspot.com">HACK</a></li>

<li><a href="/">TIPS BLOG</a></li>

<li><a href="http://seo-cyberjr.blogspot.com/2013/06/websites-potential-legal-liabilities.html">ABOUT</a></li>

<li><a href="http://www.emailmeform.com/builder/form/8fJ1QTapBx">CONTACT</a></li>

<li><a href="http://seo-cyberjr.blogspot.com/search/label/TEMPLATE%20BLOG">BLOGTEMPLATE</a></li>

</ul>

/* Menu horizontal end http://seo-cyberjr.blogspot.com/*/

GANTI KODE YANG BERWARNA HIJAU DENGAN LINK/URL ANDA
DAN YANG BERWARNA KUNING GANTI DENGAN JUDUL SESUAI KEINGINAN AND


BELUM BISA JUGA? :P