Floating Navigation

Floating Navigation, nih liat dulu 

Preview

Template Designer 1.Dashboard > Layout > Add a Gadget > HTML/Java Script 2.Copy code bawah ni dan paste dekat HTML/Java Script Blogskin 1.Dashboard > Template > Search code </style> 2.Copy code bawah ni dan paste dekat bawah code </style>

<style> a.navee, a.navee2, a.navee3, a.navee4{ -webkit-transition: 1.0s; -moz-transition: 1.0s; margin:8px;display:block; text-align:center;background: #fff; color:#000;font-family:arial; text-transform:uppercase;font-size:10px; width:40px;height:40px; border:5px solid #FFD685;padding:5px; border-radius:1000px;}
a.navee:hover, a.navee2:hover, a.navee3:hover, a.navee4:hover{ text-align:center;color: #fff;font-size:10px; border:5px solid #fff;background:  #FFD685; -moz-box-shadow: 0 0 5px 5px #eee; -webkit-box-shadow: 0 0 5px 5px #eee; box-shadow: 0 0 5px 5px #eee; -webkit-transform: scale( -1.0) rotate( 540deg); -moz-transform: scale( -1.0) rotate( 540deg);}
a.navee , a.navee3 {border:5px solid #BE81F7;} a.navee2 , a.navee4 {border:5px solid #819FF7;} a.navee:hover , a.navee3:hover {background: #819FF7;} a.navee2:hover , a.navee4:hover {background: #BE81F7;}
</style><div style="left: 4px; position: fixed; top: 150px;"> <a class="navee" href="URL ANDA"><br />Home</a> <a class="navee2" href="URL ANDA"><br />Owner</a> <a class="navee3" href="URL ANDA"><br />Tutor</a> <a class="navee4" href="URL ANDA"><br />Free</a></div>

*Jangan lupa tekan save!*    

credit to : Nabila Medan