Float Navigation

Assalamualaikum dan Hai there reader(s)

Ia mulakan entry untuk hari terakhir 2012 dengan entry tutorial. Hope tak marah :) No live preview. korang kena cuba sendiri untuk tengok hasil yang membangunkan ini :)

1. Layout > Add Gadget > Html/Javascript

2. Copy code ini dan pastekan dalam Html.

<style>a.you{width:13px;display:inline-block;color:#fff;text-align:left;padding:2px;overflow:hidden;height:18px;text-decoration:none;padding-left:7px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-family:calibri;margin:5px;font-size:12px;border-radius:333px;}a.you:hover{width:80px;{</style><br /><br /><div style="position:fixed; top:200px;left:20px;"><br /><a class="you" style="background:#FFF;" href="YOUR LINK"> <span style="padding-right:10px;font-size:16;">+</span>Storry</a><br /><br /><a class="you" style="background:#FFF;" href="YOUR LINK"> <span style="padding-right:10px;font-size:16;">+</span>Profile</a><br /><br /><a class="you" style="background:#FFF;" href="YOUR LINK"> <span style="padding-right:10px;font-size:16;">+</span>Stuffs</a><br /><br /><a class="you" style="background:#FFF;" href="YOUR LINK"> <span style="padding-right:10px;font-size:16;">+</span>Affies</a><br /><br /></div>

3. Ubah lah mana yang patut. tengok warna itu k :)