Navigation Like mine// (1)

Mau navigation kaya aku itu?
Read more aja

1.blogger-dashboard
2.tata letak
3.add a gadget
4.html/javascript
5.copy code dibawah

<style>

a.myzahra {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRoN7S2YP9lyhU_mzaVlFCqQDNKwlLVEZ_F_Tx8mHcgKpNhbeNHH0KC92iBY2vRCqeKFFavQ1JCn5acW6CIGWQeZeCn95CznCpQMdDQvDhU2Xw7nYbp-6XshOSAaNHvJCLzIcKvB_8gJM/s1600/pink.gif);

color:pink;

font: normal 20px chewy;

text-align:center;

width:50px;

padding: 3px;

width: 120px;

margin:1px;

display: inline-block;

border: 2px dotted pink;

box-shadow: inset 10px 0px 0px mistyrose;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

border-radius: 35px 15px / 15px 35px;

}

a.myzahra:hover {

box-shadow: inset -130px 0px 8px mistyrose;

color: #ffffff;

border: 2px dotted #FFE4E1;

border-radius: 15px 35px / 35px 15px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

-webkit-transform: rotate(-3deg) ;

-moz-transform: rotate(-3deg) ;

-o-transform: rotate(-3deg) ;

-ms-transform: rotate(-3deg);

}

a.myiszahra {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRoN7S2YP9lyhU_mzaVlFCqQDNKwlLVEZ_F_Tx8mHcgKpNhbeNHH0KC92iBY2vRCqeKFFavQ1JCn5acW6CIGWQeZeCn95CznCpQMdDQvDhU2Xw7nYbp-6XshOSAaNHvJCLzIcKvB_8gJM/s1600/pink.gif);

color:pink;

font: normal 20px chewy;

text-align:center;

width:50px;

padding: 3px;

width: 120px;

margin:1px;

display: inline-block;

border: 2px dotted pink;

box-shadow: inset -10px 0px 0px pink;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

border-radius: 35px 15px / 15px 35px;

}

a.myiszahra:hover {

box-shadow: inset 130px 0px 8px pink;

color: #ffffff;

border: 2px dotted #FFE4E1;

border-radius: 15px 35px / 35px 15px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

-webkit-transform: rotate(3deg) ;

-moz-transform: rotate(3deg) ;

-o-transform: rotate(3deg) ;

-ms-transform: rotate(3deg);

}

</style>

<center>

<a class="myzahra" href="http://flower-az.blogspot.com/" />Home</a>

<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/blog-page_9.html" />About Me</a>

<a class="myzahra" href="http://flower-az.blogspot.co.id/p/blog-page.html" />Linkies</a>

<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/blog-page_49.html" />Stuffies</a>

<a class="myzahra" href="blabla" />Rules</a>

<a class="myiszahra" href="http://flower-az.blogspot.co.id/p/o.html" />Other</a>

</center>

Pastekan dan tinggal edit2 aja.
Ingat ini codenya udah aku ubah2 dan edit2 jadi kasihkan credit ya kalau mau re-post atau pake.
Kode asli dari  kak ananda
Bye