Tutorial | Navigation versi II

cth:

or

Nampak tak kat bahagian tutorial dalam gambar tu? ada dua color kan? yang hebatnya tentang navigation ni , dia boleh tukar color bila cursor lalukan kat navigation ni . cuba korang try lalukan cursor kat aku punya navigation kat sebelah ni .  cantik tak?

Steps:

 1. Sign in blogger > More option > layout > Add Gadget > Html/JavaScript

2. Copy code di bawah dan paste ke dalam Html/Java Script

<style>.hola {display:inline-block;background: #2E9AFE;font:normal 16px trebuchet ms;color:#000;text-align: center;margin: 3px;margin-bottom: 1px;padding: 10px;width: 80px;height: 20px;-webkit-box-shadow: 0 50px 0px #fff transparent;-webkit-transition-duration: 0.8s;overflow:hidden;}.hola:hover {box-shadow:inset 3px 40px 3px #02FCA5;-webkit-transition-duration: 0.5s;}</style><a class="hola" href="LINK">Home</a><a class="hola" href="LINK">Picture</a><a class="hola" href="LINK">Tutorials</a><a class="hola" href="LINK">Awards</a>
</style>

3. Preview then save . 

Note :

Merah : background color korang . 

Oren : nak tukar size font

Hijau : tukar yang fade tu .

Follow @RarraLee