Menu

Membuat Tab di Blog

Banyak cara untuk membuat tab menu pada Blog. cara membuatnya sangatlah mudah. Ikutih cara mudah berikut ini.
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="#">PROFILLE</a></li>
<li><a href="#">PRODUCT</a></li>
<li><a href="#">MY BLOG</a></li>
<li><a href="#">ABOUT</a></li>
</ul>
</div>

</body>
</html>

6. Ganti "HOME,PROFILLE,PRODUCT, MY BLOG, ABOUT" sesuka kamu, dan tanda # diganti dengan alamat dari menu tersebut. misalanya seperti dibawah ini.
    <li><a href="ekofuji.blogspot.com">MY BLOG</a></li>
7. Setelah proses pengeditan selesai, klik Simpan.

MENYEMBUNYIKAN JUDUL PADA BLOG ( HEADER)

Tampilan header blog akan lebih menarik bila dihiasi dengan gambar atau header bisa juga kita pasangi dengan iklan,tapi bagaimana dengan judul blog yang udah nongkrong duluan disana apa bisa kita delete? jawabannya tidak bisa di delete,karna judul blog adalah identitas/nama dari blog kita..

trus gimana cara menghilangkannya??
jawabannya ya g usah dihilangkan ato didelete,,tapi di hiden aja,,gini caranya:

Sebelumnya masuk ke edit html,,

Trus cari kode ini : #header h1 {
agar lebih mudah tekan CTRL +F copy kan kode tersebut
contoh tampilannya kayak gini :

 #header h1 {
font-family:helvetica;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:57px 20px 0;
text-transform:none;
display:none;
}

Tambahkan kode yang berwarna biru sebelum tanda }untuk menghiden judul
Tambahkan kode bewarna merah kalo ingin merubah ukuran judul. Kalo ingin memperbesar atau memperkecil silahkan edit kode yang berwarna merah

Gampang kan? semoga tutorial yang dikit ini bisa berguna