Home » , » Cara Membuat Menu Horizontal Di Blog

Cara Membuat Menu Horizontal Di Blog

Untuk menggunaan menu horizontal di blogger menggunkan widget:

* Pertama-tama sign in seperti biasanya
* Klik layout
* Klik edit HTML
* Terus klik expand widget template

Kalau sudah cari kode berikut:
b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Kemudian ganti angkanya --> 1 di ganti angka 2 dan no di ganti dengan yes
Terus dibawah ada code

b:widget id='header1' locked='true'

True diganti False kalo sudah di save templatenya.

Setelah itu untuk menambah Menu Horizontal tinggal di kopi code di bawah ini
dan paste di halaman element tambahkan gadget ---> HTML/JavaScrip.

<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Product</a></li>
</ul>
</div>


Jangan lupa tanda # di ganti dengan alamat URL bisa juga dengan Link orang lain.

Kemudian kopi code berikut ini taruk di atasnya code ]]></b:skin>
Setelah itu jangan lupa di SAVE templatenya.


#nav ul{
display:block;
margin: 0px;
padding: 0px;
}
#nav li{
float:left;
list-style-type:none;
padding:3px 5px 3px 5px;
margin:1px;
border:#CCCCCC 1px solid;
}
#nav li a{
text-decoration:none;
}
#nav li:hover{
background:#00FFFF;
}
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Lora Malunk Blog
tutorial blog up to date
Loading...

Poskan Komentar

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Lora Malunk Blog

 

Configurasi

Alexa :
Stats :
Page Rank : Free PageRank Checker
DMCA :
Amung :
Bloggers : Bloggers - Meet Millions of Bloggers
Extreme :
eXTReMe Tracker
Support : Lora Malunk Blog | Songong Template | Tutorial Blog
Copyright © 2011. Lora Malunk Blog - All Rights Reserved
Template Modify by Lora Malunk Blog
Proudly powered by Blogger