Navigation Hover (6)

Tadi jam 12.03 Ruth request cara buat Navigation Hover punyaku.



Sebenarnya ini style nya hampir mirip dengan tampilan ke-5. Cuma hover shadow nya aku ubah jadi beda. Okay, this is step!
  • Blogger >> dasbor
  • Tata Letak / Layout
  • Tambahkan Gadget / Add a Gadget
  • Scroll ke bawah sampai menemukan HTML/Javascript
  • Nah, copy kode ini

<style>
a.myisneira{
width: 100px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2 ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
cursor:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);
background: #FFeeee;
text-decoration:none;
border:3px solid #FFdfdf;
font-style: bold;
color:#AAA;
border-radius:10px;
display:inline-block;
text-align:center;
margin: 3px;
margin-bottom: 15px;
font:12px Short Stack;
text-shadow:0px 0px 3px pink;
padding: 10px;
}

a.myisneira:hover{
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
background: #ffeaea;color:#000;
border: 2px dashed #ffdede;
border-radius: 7px;
box-shadow:inset 29px 20px 0px #ffd5d5,inset -20px -20px 0px #ffd5d5; color: #fff;

}
</style>
<br/>
<center>
<a class="myisneira" href="U'r URL"title='Back to my Home'>Refresh</a>
<a class="myisneira" href="URL"title='About Myself'>About</a>
<a class="myisneira" href="URL"title='My Friend List'>Exchange</a>
<a class="myisneira" href="URL"title='All of my posts'>Stuffs</a>
<a class="myisneira" href="URL"title='Rules that must be obeyed'>Rules</a>
</center>
</div>

  • Nah, itu semua kalian edit-edit dulu sesukanya
  • Save!!
Tutors navigation hover (6) ini aku desain sendiri. Jadi hargai usaha orang!! jangan seenaknya repost tapi tidak diberi credit

1 comment:

  1. Makasih ya sorry slow resp aku udah pasang duluan

    ReplyDelete

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...