Sabtu, 06 September 2014

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#ixzz3Cbv8fXLf

ilmu komputer

About ilmu komputer

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :