Membuat Tab menu

Posted by Unknown on Thursday, 25 August 2011

Banyak cara untuk membuat Susu Kental Manis 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. Susu 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="http://jeefrhye-spd.blogspot.com/">HOME</a></li>
<li><a href="http://jeefrhye-spd.blogspot.com/">PROFILLE</a></li>
<li><a href="http://jeefrhye-spd.blogspot.com/">PRIBADI</a></li>
<li><a href="http://jeefrhye-spd.blogspot.com/">INFORMASI</a></li>
<li><a href="http://jeefrhye-spd.blogspot.com/">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="  http://sispamuntra052.blogspot.com/  ">MY BLOG</a></li>
7. Setelah proses pengeditan selesai, klik Simpan.
selamat mencoba, semoga berhasil...

{ 0 Kicauan... read them below or add one }

Post a Comment

Tinggalkan jejak di kolom komentar!
Untuk saling bersilaturahmi...
dan bila ada pertanyaan atau saran harap dituliskan!

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link contoh: http://xxx

Terima kasih atas kunjungannya :)