8. Tambahkan kode ini diatasnya :
9. Save dan lihat hasilnya.
Note : Silahkan ganti tulisan yang berwarna hijau dengan URL yang kalian inginkan.
9 tahun yang lalu
Jumat, 02 Desember 2011
Membuat Menu ( Versi 3 )
Membuat Menu ( Versi 3 )
»
Tutorial kali ini saya akan membahas bagaimana cara membuat Tab Menu Horizontal yang lebih mudah dan tidak sulit dan juga membuat ruang Blog atau Website menjadi lebih besar. Kalu masih pada penasaran silahkan kalian coba saja ya??
1. Sign in Blogger
2. Layout
3. Edit HTML
4. Jangan lupa berikan tanda centang pada Expand Widget Templates
5. Cari kode di bawah ini :
]]>
6. Tambahkan kode ini diatasnya :
#navigation{
height:2.2em;
line-height:2.2em;
margin:0 1px;
background:#AF7817;
color:#ffffff;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{
background:#000;
color:#ffffff;
text-decoration:none;
}
7. Kemudian cari kode di bawah ini :
Langganan:
Posting Komentar (Atom)
Daftar Blog Saya
-
Logo Kabupaten Sukabumi Utara 01 - [image: logo kabupaten sukabumi utara] *Logo Kabupaten Sukabumi Utara versi 2*
Tidak ada komentar:
Posting Komentar