5 Langkah Mudah Membuat Menubar di Blog

Halo temen-temen, artikel kali ini akan memmbahas 5 Langkah Mudah Membuat Menubar di Blog.
Nah langsung saja kita praktekan.


Langkah pertama : Login dulu ke blog sobat.
Langkah kedua : pilih layout, dan klik add gadget
Langkah ketiga : klik add ( +) pada html/javascript
Langkah 4 : pada title, beri judul sesuai keinginan sobat, contoh : Menubar
Langkah 5 : Copy script yang ada dibawah ini, keudian sobat save. jadi deh.. mudah kan.


<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:red; /* 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:blue; /* 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 href="http://dexwazhard.blogspot.com/search/label/Home"><span style="color: white">HOME</span></a>


<a href="http://jsstriplerstruggle.blogspot.com/"><span style="color: white">BISNIS ONLINE</span></a>


<a href="http://www.facebook.com/dexwaz.ngiintdcynkkpuz?ref=tn_tnmn"><span style="color: white">MY FACEBOOK</span></a>


<a href="http://sukradanamusik.blogspot.com/"><span style="color: white">TENTANG MUSIK</span></a></div></div></form>


Catatan buat temen-temen,
--Temen-temen juga bisa ganti, font, color, heigt,width dan lain-lain.
--Tulisan yang berwarna merah, sobat bisa ganti pake ID blog sobat sendiri.
--Tulisan yang berwarna Biru, sobat bisa ganti dengan nama isi dari menubar yang sobat inginkan.


Terimkasih sudah mengunjungi blog ini, semoga bermanfaat, jangan lupa komen, dan join serta jelajahi artikel yang lain di blog sederhana ini