-->
Translate to
English Russian GermanChinese Simplified Korean

Cara Membuat Menu Mendatar di Blog

Para blogger ingin membuat menu mendatar di blog? itu lho seperti di Blog ini yang bertuliskan "Acara Tv Hari Ini,Klasemen Liga Inggris ,...dst" nah berikut ini caranya.

1.Langsung ke menu "Tata Letak"
2 Klik "Tambahkan Gadget" > etelah terbuka pilih "HTML/Javascript"
3 taruh kode dibawah ini
<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>



<div class="h_mnu_01">
<ul>
<li><a href="http://majalah-blog.blogspot.com/2012/12/acara-tv-hari-ini.html">Acara TV Hari Ini</a></li>
<li><a href="http://majalah-blog.blogspot.com/2012/12/klasemen-liga-inggris.html">Klasemen Liga Inggris</a></li>
<li><a href="http://majalah-blog.blogspot.com/2012/12/klasemen-liga-spanyol.html">Klasemen Liga Spanyol</a></li>
<li><a href="http://majalah-blog.blogspot.com/2012/12/klasemen-serie-a.html">Klasemen Serie A</a></li>
</ul>
</div>

4. Teks warna merah bisa anda ganti dengan Alamat URL dan tulisan di menu.
5. Simpan

Google+

Info Unik Terbaru (Lebih Lengkap? Lihat Di Samping Kanan Blog):

Jika artikel Cara Membuat Menu Mendatar di Blog ini bermanfaat,bagikan kepada teman

+ comments + 2 comments

20 Februari 2013 07.56

mantap gan!!!..

Terimakasih my inspiration atas Komentarnya di Cara Membuat Menu Mendatar di Blog
28 Maret 2013 08.40

thank's info'x sob..
bermanfaat sekali bagi saya..

Terimakasih Agus atas Komentarnya di Cara Membuat Menu Mendatar di Blog

Poskan Komentar