Membuat Menu Menurun Praktis Dan Mudah

Membuat menu menurun Praktis tanpa harus edit html, seperti biasa
1. Langkah pertama
2. Masuklah ke Tata Letak, lalu Pilih Tambah Widget / Gadget
3. Pilih HTML/JavaScript
4. Salin Script di bawah ini dan paste selanjutnya ke dalam widget baru yang anda buat
 <style type="text/css">
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: url(https://lh6.googleusercontent.com/-PcV4VpR8vVs/UMtMGi8I0II/AAAAAAAAAfA/1yw3SNrhT1M/w248-h248/navbangdadan.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: url(https://lh6.googleusercontent.com/-fKZAiQvUg8E/UMtMGrxQwrI/AAAAAAAAAfE/1IihW4JVYEQ/w248-h248/navaktifbangdadan.gif) center center repeat-x;
}
</style>
<br />
<ul class="solidblockmenu">
<li><a class="current" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Tutorial Blog</a></li>
<li><a href="#">Tips & Trick</a></li>
</ul>


Keterangan :
# ganti dengan alamat url blog sobat
Semoga bermanfaat 

0 komentar:

Posting Komentar