Cara Membuat Menu di Bolg
Cara membuat Menubar di blog - Hmm, sobat sudah pada tau
menubar itu apa sih? eeaaa,.. baiklah sekilas saya akan menjelaskan lagi
untuk sobat yang belum tau. Menubar
adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi
menubar yaitu untuk menyimpan link-link penting di suatu blog, agar
pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada
pada suatu blog itu. .sebenarnya untuk membuat menubar tidak
sulit.berikut adalah langkah-langkah untuk membuat menubar...
jika ada yang kurang jelas silahkan tinggalkan komentar sobat.
- Masuk ke akun bloger anda
- Kemudian klik Tata Letak
- Lalu klik tambahkan Gadget yang ada di bawah Header
- Pilih HTML/JavaScript
<style type="text/css">
/* Menu horizontal untuk Blogger http://anakkeslingmanado.blogspot.com
/*/
div.topbar {
height: 7px;
background: #f6ac14;
}
ul.claybricks {
font-weight: bold;
width: 100%;
background: #FED88A;
padding: 6px 0 6px 0;
margin: 0;
text-align: left;
font-family: calibri;
}
ul.claybricks li {
display: inline;
}
ul.claybricks li a {
color: black;
padding: 6px 8px 4px 8px;
margin-right: 20px;
text-decoration: none;
}
ul.claybricks li a:hover, ul.claybricks li a.selected {
color: white;
background: #5d4137;
background: -moz-linear-gradient(top, #5d4137 0%, #41251b
12%, #2c0f05 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05));
background: -webkit-linear-gradient(top, #5d4137 0%,#41251b
12%,#2c0f05 100%);
background: -o-linear-gradient(top, #5d4137 0%,#41251b
12%,#2c0f05 100%);
background: -ms-linear-gradient(top, #5d4137 0%,#41251b
12%,#2c0f05 100%);
background: linear-gradient(top, #5d4137 0%,#41251b
12%,#2c0f05 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#5d4137', endColorstr='#2c0f05',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959;
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 17px;
padding-bottom: 6px;
}
/* http://anakkeslingmanado.blogspot.com/ */
</style>
<div class="topbar">
</div>
<ul class="claybricks">
<li><a href=" http://ikl-mdo.blogspot.com/ ">Home</a></li>
<li><a href=" http://ikl-mdo.blogspot.com/">Puisi</a></li>
<li><a href=" http://ikl-mdo.blogspot.com/ ">Sport</a></li>
<li><a href=" http://ikl-mdo.blogspot.com ">Study</a></li>
<li><a href=" http://ikl-mdo.blogspot.com/ ">Music</a></li>
<li><a href=" http://ikl-mdo.blogspot.com/">Tentang
Saya</a></li>
</ul>
Keterangan:
- Silahkan ganti tulisan yang berwarna biru dengan url link postingan sobat..
- Gnti tulisan berwarna merah dengan nama menubar sobat, seperti: Home, Puisi, Sport, atau lainnya.
jika ada yang kurang jelas silahkan tinggalkan komentar sobat.