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?