Cara Membuat Menu di Bolg

Unknown | 0 comments
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...

  1. Masuk ke akun bloger anda
  2. Kemudian klik Tata Letak
  3. Lalu klik tambahkan Gadget yang ada di bawah Header
  4. Pilih HTML/JavaScript
 Silahkan COPAS code yang ada di bawah ini..




<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.
Saya kira sekian penjelasan dari saya tentang cara membuat menu di blog..
jika ada yang kurang jelas silahkan tinggalkan komentar sobat.

Labels: 

Author: Unknown

Date: 7/7/13

Sorry! Comments not allowed.