Navigation Hover #2

Hai semua, aku ada tuto lagi buat korang semua.. Yuk ikuti!

Credit: Kak Ezah

Yap ini tuto navigasi hover ke-2

PREVIEW

1.Login ke blog

2.Pilih tata letak

3.Add gadget

4.HTML/Java Script

5.Copi kode dibawah ini

<style>.tablo{font-size:12px;color:black;text-transform:uppercase;background:#FFF9FA;font-family:century gothic;text-decoration:none;padding:3px;width: 50px;display:inline-block;border:1px solid #FFE3E6;margin-top: 5px;margin-bottom: 5px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.tablo:hover {background:#FFC6CF;color:white;}</style><center><div style="background: #FFEBED;width:260px;border: 2px solid #FFEEEE;margin-bottom:7px; margin-top:7px;box-shadow:0px 2px 2px 2px #ffeeee;border:3px solid #ffffff;"><a class="tablo" href="http://wafia-multazima.blogspot.com/">Home</a><a class="tablo" href="http://wafia-multazima.blogspot.com/">About</a><a class="tablo" href="http://wafia-multazima.blogspot.com/">Stuff</a><a class="tablo" href="http://wafia-multazima.blogspot.com/">Linky</a></div></center>

5.Gimana? Keren nggak

Oke udahan ya

Bai

Kalo bingung comment aja

Daebak

Arigatou Gozaimasu