Navigation Hover #1

Tuto lagi nih... enggak ada yang req sih. Ini untuk blogskin.

Tutorial Freebies Entries Affiliates

  • Mau? Yuk.
  • Login ke blogger.
  • Ke dashboard. Ke template.
  • Cari kode ini :
</style>
  • Copy kode di bawah ini dan paste di BAWAH kode </style> tadi.
<style>a.navoo{
box-shadow: inset 9px 0 0px 0 #222;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#000;
width:100px;
border:1px solid #aaa;
border-left:20px solid #ff0066;
width: 100px;
overflow: hidden; }
a.navoo:hover{
box-shadow: inset 850px 0 0px 0 #ff0066;
color: #555;}</style>
<a class="navoo" href="https://www.blogger.com/LINK">Tutorial</a>
<a class="navoo" href="https://www.blogger.com/LINK">Freebies</a>
<a class="navoo" href="https://www.blogger.com/LINK">Entries</a>
<a class="navoo" href="https://www.blogger.com/LINK">Affiliates</a>
  • Edit dulu.
  • Save Template. Lihat hasilnya ya?

Tidak ada komentar:

Posting Komentar