1.masukan kode html di tata letak terus tambah gadget pilih HTML/java script
copy kode HTML dibawah ini
<div id="menu12">
<ul>
<li><a href="#">Home</a>
<li><a href="#">Kesehatan</a>
<li><a href="#">Teknologi</a>
<li><a href="#">Pendidikan</a>
<li><a href="#">Warna-Warni</a>
<li><a href="#">Resep Masakan</a>
<li><a href="#">Profil</a>
</li></li></li></li></li></li></li></ul></div>
Catatan:-ganti # dengan alamat url sobat dan tulisan home sesuai selera
2.masukan kode css ini di tamplate trus pilih sesuaikan
3.pilih tingkat lanjut, terus tambahkan css
4. berikut inni kode cssnya
#menu12 ul { list-style: none; margin: 0; padding: 0; } #menu12 img { border: none; } #menu12 { width: 1250px;} #menu12 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size:pt; font-weight: bold; background: #FFF; height:25px; width:130px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRPpxvCla-79Le89bDfsw0S8PYxCXp4JUtSAW58ZygnS3x9wrCDYRhdeqG984cjJ7OEBuFnpclg9HIK8oUSUS8faiEU3qNDckdtpAAAkcTVGzEy7-sUmidyNm94Rzap9TnQoDzBSeDzc/s800/menu12.gif); padding: 10px 0 0 45px; } #menu12 li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRPpxvCla-79Le89bDfsw0S8PYxCXp4JUtSAW58ZygnS3x9wrCDYRhdeqG984cjJ7OEBuFnpclg9HIK8oUSUS8faiEU3qNDckdtpAAAkcTVGzEy7-sUmidyNm94Rzap9TnQoDzBSeDzc/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; }
5.klo masih pengen lebih bagus edit aja pilih tingkat lanjut terus pilih teks tab ubah jenis tulisan dan ukuran fontnya
terimakasi sudah membaca artikel ini
Tidak ada komentar :
Posting Komentar