home>>
Cara Membuat Tombol Menu Bar Di Blogspot (Home,Menu,Profile,About,Dll)Banyak cara untuk membuat tab menu untuk Blog Anda. Berikut saya akan memberikan sebuah cara yang cukup mudah untuk membuat Tab Menu tersebut.
1. Buka Account Blogger anda
2. Klik Tataletak
3. Klik Add Gadget
4. Pilih Add Javascript/HTML
5. Copy dan Paste code HTML berikut
<style type="text/css">
.h_mnu_01{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.h_mnu_01 ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #000000;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000
}
.h_mnu_01 ul li{
display: inline;
}
.h_mnu_01 ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
.h_mnu_01 ul li a:visited{
color: #FFFFFF;
}
.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{
color: #FFFF00 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #008000;
}
</style>
</head>
<body>
<div class="h_mnu_01">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Profile Blog</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">My Profile</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</body>
</html>
6. Ganti "Home,Profile Blog,Contact, My Profile, About" sesuka kamu, dan tanda # diganti dengan alamat dari menu tersebut. misalanya seperti dibawah ini.
<li><a href="probase-tama.blogspot.com">Home</a></li>
7. Setelah proses pengeditan selesai, klik Simpan.
Untuk Kreasi Bagian color seperti : #000000 . Itu adalah Code Warna HTML, bisa kamu ganti sesuai selera kamu contoh
warna Hijau : #008000
warna Merah : #FF0000
Warna Hitam : #000000
Atau Kalian Bisa Melihat Code-code warna HTML lain di Web berikut, Klik Disini.
selamat mencoba, semoga berhasil...
Read more: http://probase-tama.blogspot.com/2012/09/blog-post.html#ixzz3BeS1yxYV
