How To Add Navigation Hover

Assalamualaikumnmm.... Hari ini aku bakal share tutorial, Cara menambahkan navigation hover.. Request by Zahra. Ok sip ikuti setep by step nya ya ^^



1. Login blogger

2. Buka Tata Letak/ Layout > Klik Add a gadget > HTML / Javascript

3. Copy kode dibawah ini :)

<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:15px;
padding-bottom:5px;
border-top-right-radius:40px;
border-top-left-radius:40px;
width:115px;
text-decoration:none;
font-family:century gothic;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #def2ff;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transform: rotateX(180deg) ;
-moz-transform: rotateX(180deg) ;
-o-transform: rotateX(180deg) ;
-ms-transform: rotateX(180deg) ;
background:#daedff;}
</style>
<center>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/">Home</a>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/p/freebies.html">Tutorial</a>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/p/freebies_31.html">Freebies</a>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/p/about.html">About</a>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/p/link.html">Friends</a>
<a class="jeonjin" href="http://mycolorfuldiary.blogspot.com/p/tutorial.html">Rules</a>

</center>

Kamu tinggal edit edit lagi aja ya :)

Repost? Credit ya :)