Tuesday, March 28, 2017

Navigation Style (3)

Hi... Akhir-akhir ini Gifta sering dapet permintaan edit blog. Jadi agak sibuk, hehe... Tapi, tetap Gifta sempatkan untuk posting. Kali ini, navigation style. Mau tahu seperti apa? Read moreee!
Home Stuff Friends
Cekidot, read this!

Step one:

Blogger >> Layout / Tata Letak >> Add a Gadget >> HTML/JavaScript

Step two:

Copy this code:
<center>
<style type="text/css">
a.linkies {
font-size: 15px;
font-family: short stack;
display:inline-block;
text-align:center;
border:3px solid #F44A98;
border-radius: 0;
width: 90px;
color: #000;
background:#FFF2F8;
padding:3px;
margin:8px;
text-decoration: none;
-webkit-transition-duration:0.7s;
}
a.linkies:hover {
border-radius: 35%;
transform:scale(-1)rotate(18deg);
}
</style>
<a class="linkies" href="URL">Home</a>  <a class="linkies" href="https://www.blogger.com/URL">Stuff</a>
<a class="linkies" href="https://www.blogger.com/URL">Friends</a>  </center>
Step three:

Save!

Oke, selesai! Gimana, bagus kan? Itu hasil utak-atik Gifta sendiri.
DON'T CLAIM IT AS YOURSS!

No comments

Post a Comment