Membuat Menu Horizontal Blackred

Hai sobat kali ini adalah posting tentang Membuat Menu Horizontal Blackred bagaimana sobat sudah tau bukan dengan tema hari ini adalah tentang membuat menu horizontal berwarna merah dan hitam ini menurut saya sih sudah keren ini dia screenshotnya

caranya
1. login ke blogger
2. rancangan => edit html
3. cari kode ]]></b:skin> letakkan kod berikut diatas kode tadi

#topbar{;border: 1px solid #222;background-color: #111;background-image: -moz-linear-gradient(#444, #111);background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));width:100%;border-top:1px solid #000;margin:0 auto;padding:0 auto;border-top:5px solid #e30c0c;}
#top-wrapper{width:100%;height:30px;margin:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;padding:6px 10px 8px;border-left:1px solid #ccc}
#top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW417E4yXE7ado13M5bf2lJbx2Gf9ypF-D-Z84UMmtIjD4RJ3_WmOTpljQuu9imF7wh4TXSTMhmOjpCpNQrNZFsRKnNxTdSS0AkHemIgacTxv27OhVVrlkBv0h9rj61DJff1La3Va30w4/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:6px 24px 8px 10px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:160px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:4px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#4c4c4c;padding-bottom:0;}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background:#e30c0c;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #444;display:block;font-size:1px;height:0;line-height:0;margin:0}
#top ul a:hover{background-color:#e30c0c!important;color:#fff!important;text-decoration:none}

4. cari kode

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Greyghost (Header)' type='Header'/>
</b:section>
</div>

5. kemudian letakkan kode berikut dibawah kode tadi

<div id='topbar'>
<div id='top-wrapper'>
<ul id='top'>
<li><a href='http://eko-tipsntrick.blogspot.com' style='background:#e30c0c;'>Home</a></li>
<li><a href='http://eko-tipsntrick.blogspot.com/2012/04/daftar-isi.html'>Sitemap</a></li>
<li><a class='arrow' href='#'>Contact Us</a>
<ul>
<li><a href='http://www.blogger.com/profile/17408571515369499460'>Contact on Blogger</a></li>
<li class='hr'/>
<li><a href='http://www.facebook.com/ggkjy'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='http://www.twitter.com/eko_boement25'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Culture</a></li>
<li><a class='arrow' href='#'>Category</a>
<ul>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/blogging'>NgeBlog</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/cinta'>Love</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/Download'>Download</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/Games'>Games</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/info'>Info</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/pantun'>Pantun</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/tips%20n%20trick'>Tips Trik</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/ilmu%20alam'>Ilmu alam</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/internet%20gratis'>Internet Gr4tiz</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/kata%20mutiara'>Kata mutiara</a></li>
</ul>
</li>
<li><a href='#'>Health</a></li>
<li><a class='arrow' href='#'>Design</a>
<ul>
<li><a href='#'>Art</a></li>
<li class='hr'/>
<li><a href='#'>Blog</a></li>
<li class='hr'/>
<li><a href='#'>Website</a></li>
</ul>
</li>
<li><a class='arrow' href='#' style='background:#e30c0c;'>More</a>
<ul>
<li><a href='#'>Themes</a></li>
<li class='hr'/>
<li><a href='#'>Tutorial</a></li>
<li class='hr'/>
<li><a href='#'>Resource</a></li>
<li class='hr'/>
<li><a href='#'>Advertise</a></li>
<li class='hr'/>
<li><a href='#'>Javascript</a></li>
</ul>
</li>
</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>