Kanapa aku memilih memberi judul demikian . . . ??? Karena menu ini menggunakan efek hover saat tersentuh pointer mouse. Begini caranya :
1. Login akun blog kalian pastinya . . .
2. masuk menu rancangan >>> edit html. Lalu copy-paste kode berikut tepat dibawah <head> atau diatas ]]></b:skin>
<style type="text/css"> .hovermenuhorizontal ul{ font: bold 13px arial; padding-left: 0; margin-left: 0; height: 20px; } .hovermenuhorizontal ul li{ list-style: none; display: inline; } .hovermenuhorizontal ul li a{ padding: 2px 0.5em; text-decoration: none; float: left; color: black; background-color: #FFF2BF; border: 2px solid #FFF2BF; } .hovermenuhorizontal ul li a:hover{ background-color: #FFE271; border-style: outset; } html>body .hovermenuhorizontal ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; } </style>
3. Lalu copy-paste kode berikut dibawah <body>
<div class="hovermenuhorizontal"> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> <li><a href="#">Item 5</a></li> <li><a href="#">Item 6</a></li> </ul> </div>
4. Jangan lupa edit kode html-nya. Langkah terakhir simpan template
0 Comment:
Poskan Komentar
GIVE ME A COMMENT HERE...!!!