.

About....... Linkies.... Stuffies... Other..... Home.
.

Sabtu, 19 Maret 2016

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(http://4.bp.blogspot.com/-FZ-dcOUAhEQ/T_lNt9479cI/AAAAAAAAC1E/CmRnkk6ZYp0/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(http://4.bp.blogspot.com/-FZ-dcOUAhEQ/T_lNt9479cI/AAAAAAAAC1E/CmRnkk6ZYp0/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

Tidak ada komentar:

Posting Komentar