Selasa, Maret 8

Menambah Menu bar Blog yang simple

hi temen2... postingan kali ini membahas tentang membuat menu bar yang simple simple aja kaya punya echa.. xixixi..
nah, yang ini gampang banget.. temen2 gak usah cari2 kode dan masukin kode ke tempat HTML tample..

tapi kalau temen2 pengen menubar yang gak simple2 alias rumit, echa punya nih link'y..
kalian bisa design sendiri menu bar'y.. klik di IzzyMenu.com

nah.. yang ini echa kci tau menu bar simple'y..
yang pertama-tama
temen2 lakuin yaitu masuk ke Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/JavaScript

copas kode berikut :






<style type="text/css">

div.TabView div.Tabs a
{
float: left;
display: block;
width: 137px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 1px 0px 0px 1px; /* Posisi Kotak Tab */
background-color:blue; /* Warna background Kotak Tab */
padding-top: 1px; /* Spasi Atas */
border: 0px color:none; /* Warna border kotak Tab */
border-bottom: 0px color:none; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color:red; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px ,color:blue /* Warna border Kotak Konten */
overflow: unhidden;
background-color: blue; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px; /* Jarak teks dalam kotak content */
overflow: none;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 0px 0px;
}

</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 1000px;" class="Tabs">

<a a href="http://gwe-echa.blogspot.com"><span style="color: white">HOME</span></a>

<a a href="http://gwe-echa.blogspot.com/2010/05/cara-tukar-link-dengan-echa.html"><span style="color: white">Tukar Link</span></a>

<a a href="http://gwe-echa.blogspot.com/2010/05/obral-obrol-kritik-dan-saran.html
"><span style="color: white">Kritik & Saran</span></a>


</div></div></form>


edit yang berwarna merah sebagai URL link yang ingin di tuju, dan yang berwarna biru sebagai title link yang ingin di tuju..
temen2 juga bisa edit width dan height sesuka hati temen2..

ok.. sampai sini dulu yah tutorial menu bar simple'y..
semoga berhasil..^^