Buat Menu di Header

Buat Black Community agar semakin creatif.....
Mau blog kamu ada Menu seperti ini :

Caranya gampang, kamu tinggal buat atau co-past (copy-paste)) kode berikut ini:
============
<!-- Menu --><div id="header-menu"> <ul>
<li><a href="http://lab.akakom.org/~liliana">Akakom</a></li>
<li><a href="http://www.friendster.com/lickodaisuke">Friendster</a></li>
<li><a href="http://lyreview.blogspot.com/"><span>Ly Review</span></a></li>
<li><a href="http://ly-lyric.blogspot.com/"><span>Ly Lyric</span></a></li>
<li><a href="http://favlele3.blogspot.com/">Drama Asia Ost</a></li>
<li><a href="http://favlele2.blogspot.com/">Anime Ost</a></li>
<li><a href="data:blog.homepageUrl">Home</a></li>
</ul>
</div>
<!-- /Menu -->
==========================
Link nya kamu ganti sesuai dengan link milik kamu,,,
Kalo sudah, pindah tu kode
Ke dalam tag
Dan diwawah tag "header"
===================
<div id="'header'">
===================
Dan tambahkan syntax berikut ini didalam tag ...

=====================================
/* Header - Menu */
#header #header-menu {position: absolute;top: 0px;left: 26px; height: 53px; }
#header #header-menu ul {margin: 0; padding: 0;list-style-type: none;height: 53px; }
#header #header-menu ul li { float: right; height: 53px; margin-right: 8px; font: bold 10px/43px "Verdana", Verdana; color: #CCFFFF; text-transform: lowercase; background: url("http://img99.imageshack.us/img99/5747/headermenuleftqv0.gif") no-repeat; }
#header #header-menu ul li a { color: #CCFFFF; text-decoration: none; padding: 0 40px; background: url("http://img294.imageshack.us/img294/9301/headermenurightgu6.gif") no-repeat right top; display: block; }
#header #header-menu ul li a:hover { text-decoration: underline; }
#header #header-menu ul li ul { display: none; }
=====================================
Beres sudah... Kamu tinggal ganti alamat link untuk menu yang kamu buat itu...
================================
Kalo ga bisa bilang ya,, coz tiap template beda2 si...Gambar menu nya juga bisa diubah terserah,,
Y udahlah, sekalian yang orange syntax nya aku kasih, coz emang beda2,,, he3x...
===============================
<div id="'tabshori'"><ul><li><a href="'http://lynside.blogspot.com/'"><span>Home</span></a></li>
<li><a href="'http://favlele2.blogspot.com'"><span>Anime Ost</span></a></li>
<li><a href="'http://favlele3.blogspot.com/'"><span>DramAsia Ost</span></a></li>
<li><a href="'http://lyreview.blogspot.com/'"><span>Ly Review</span></a></li>
<li><a href="'http://ly-lyric.blogspot.com/'"><span>Ly Lyric</span></a></li>
<li><a href="'http://www.friendster.com/lickodaisuke'"><span>My Friendster</span></a></li>
<li><a href="'http://lab.akakom.org/~liliana/'"><span>Akakom</span></a></li>
</ul>
</div>

===============================
Pokoknya taruh di tag Header di dalam tag ya...
Terus,,,
===============================
#tabshori {float:left;width:100%;background:transparent;font-size:93%;}
#tabshori ul {margin:0;padding:4px 10px 0px 23px;list-style:none;}
#tabshori li {display:inline;margin:0;padding:0;}
#tabshori a {float:left;background:url("http://i270.photobucket.com/albums/jj89/kendhin/template/template2/redleft.gif") no-repeat left top;margin:0;padding:0 0 0 3px;text-decoration:none;}
#tabshori a span {float:right;display:block;background:url("http://i270.photobucket.com/albums/jj89/kendhin/template/template2/redright.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#fff;}
#tabshori a span {float:none;}
#tabshori a:hover span {color:#000;}
#tabshori a:hover {background-position:0% -42px;}
#tabshori a:hover span {background-position:100% -42px;}
===============================
Kalo yang ini taruh di dalam tag head
Beres sudah...
Yang kedua ini, aku ambl dari Kendhin