Utak-atik Horizontal Tab Menu

for the bloggers around the world especially in indonesia, Indonesians. karna I.probably a lot like ngutak ngatik menu tab karna had not suit the heart blogger … as well as with my personal ...still learning and indeed love trying new hal2 matter anything fruitful experience of course ...

well this time I'd like to share a bit of the bloggers mania ...on the Tab menu and the placement of her. ..where this menu tab in the place where the only reply is always the same and always did her Horizontal horizontal karna settings ... and more interesting again we don't have to edit the template Or edit HTML which, according to some bloggers make a woozy karna the need to copy and paste back and forth ...check this ...or check that ...backup is either nowhere make a woozy my eyes and our brain ...
hah... pegel juga yah ngetik banyak2..Ya sudahlah kita langsung aja ke TKP tetap Respect dari hati...

Hal pertama yang harus kita lakukan adalah buka akun blog masing2...jangan blog orang yah...hahahahha... kemudian pilih Rancangan..tentuya pilih lagi Layout atau elemen laman...selanjutnya pilih Tambah gadget..dan yang terakhir pilih HTML/Javascript.. pasti para blogger udah tau gimana tampilannya.. setelah muncul kolom HTML/Javascrip Copy Paste code berikit..eh salah ding..berikut maksudnya..ahihihi...

<style type="text/css">
#navcontainer {
background: #ffffff;
border-top: 1px solid #ffffff;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist {
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: left
}
}

#navlist li {
bottom: 6px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body
#navlist li {
background: #;
margin: 0 0px 0 0;
padding: 0px 0px 0px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
background: #840;
border: 5px solid #FEFAFA;
bottom: 5px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 0px;
text-decoration: none;
}

#navlist a:hover {
background: #C10;
bottom: 1px;
color: #FFF;
position: relative;
right: 2px;
}

#navlist a:active {
background: #989;
bottom: 2px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active {
background: #369;
bottom: 20px;
display: outline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body
#navlist li#active {
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
</style>
<div id="">
<ul id="navlist">
<li id="no active"><a href="http://indra-antara.blogspot.com/URL" id="current">Nama 1</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 2</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 3</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 4</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 5</a></li>
<li><a href="http://indra-antara.blogspot.com/URL">Nama 6</a></li>
</ul>
</div>

Ganti yang berwarna merah dengan alamat URL yang mau para blogger tampilkan... dan yang berwarna biru nama tampilannya...