Shark Blue Menu| New for Blog!

Hallo frend'z,lama gak jumpa dengan gue nih kang dighca,ada yang kangen gak? LOL!,hahaha.kali ini gue akan ngeshare cara buat menu unik buatan gue :p :D.menu buatan gue,enaknya gue namain hmmm...,ahay menu buatan gue namain Shark Blue Menu,gimana keren gak?,seperti yang buat :D.kurang puas dengan screenshotnya?,pengen lihat demonya?,so' atuh gan, :) DEMO.gimana keren kan?.pengen ente pasang? diblog ente.okay silakan sob,gratis kok :)

Oke,seperti biasanya.
1.login blog ente
2.kemudian,ke tata letak
3.pilih tambah gadget pada bagian header
4.pilih HTML/Javascript
5.Terakhir copas coding CSS berserta HTMLnya
CSS
<style> #menucss{width:140px;height:140px;border-radius:110px;border:5px solid #60b5ff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmx_sMBVMbB6wTjtIEZIyc7nsb4xvfalQNsW9HBXXi5U-5e5cJYSyCovvi8W6bVQknVl9CDZcgN1bxv9-f_hhVIl2D8zcOl5hSZgbTYblI10qGbt52ChtYfgKfBs7BpC2iInvluU-l0Z0/s200/SharkDighca.gif)no-repeat center;box-shadow:0px 0px 20px #60b5ff; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;float:right;margin-right:-20px;margin-top:245px;} #menucss:hover{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); opacity:0;} #casing{width:440px;height:100px;border-bottom-right-radius:100px;border-right:10px solid #60b5ff;border-left:5px solid #60b5ff;background:#403d3d;box-shadow:0px 0px 20px #60b5ff; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;float:right;margin-top:270px;overflow:hidden;font-size:14px;color:#fff;font-family: 'Lily Script One', cursive;} #d-tab{background:#fff; float: left; margin-left:0px; width: 55px; height: 55px; border-top: 5px solid #60b5ff; border-right: 5px solid #000; border-bottom: 5px solid #60b5ff; border-left: 5px solid #000; margin-top:5px; padding: 3px; border-radius:60px; -moz-transition: all 750ms ease-in-out; -webkit-transition: 750ms 1s ease-in-out; -o-transition: all 750ms ease-in-out; -ms-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out;overflow:hidden;} #d-tab img{height:60px;width:60px;margin-left:-5px;margin-top:-5px;} #d-tab:hover{ width:60px; -moz-transition: all 850ms ease-in-out; -webkit-transition: 850ms 1s ease-in-out; -o-transition: all 850ms ease-in-out; -ms-transition: all 850ms ease-in-out; transition: all 850ms ease-in-out;} </style>
oh iya jangan lupa ente edit dulu yak,urlnya
<div id="casing"> <ul> <div id="d-tab"> <br /> <table><tbody> <tr><td><span style="font-family: 'Iceland';"><a href="https://www.cyberjellyfishteam.tk/" target="_blank" title="home"><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> <strong>Home</strong></marquee> </a> </span></td><td></td></tr> </tbody><tbody> <tr><td><span style="font-family: 'Iceland;">Home</span></td></tr> </tbody></table> </div> </ul> <ul> <div id="d-tab"> <br /> <table><tbody> <tr><td><span style="font-family: 'Iceland';"><a href="https://www.cyberjellyfishteam.tk/" target="_blank" title="profile"><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> <strong>Profil</strong></marquee> </a> </span></td><td></td></tr> </tbody><tbody> <tr><td><span style="font-family: 'Iceland;">Profil</span></td></tr> </tbody></table> </div> </ul> <ul> <div id="d-tab"> <br /> <table><tbody> <tr><td><span style="font-family: 'Iceland';"><a href="https://www.cyberjellyfishteam.tk/" target="_blank" title="kontak"><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> <strong>Kontak</strong></marquee> </a> </span></td><td></td></tr> </tbody><tbody> <tr><td><span style="font-family: 'Iceland;">Kontak</span></td></tr> </tbody></table> </div> </ul> <ul> <div id="d-tab"> <br /> <table><tbody> <tr><td><span style="font-family: 'Iceland';"><a href="https://www.cyberjellyfishteam.tk/" target="_blank" title="other"><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> <strong>Isi Sendiri...</strong></marquee> </a> </span></td><td></td></tr> </tbody><tbody> <tr><td><span style="font-family: 'Iceland;">Other</span></td></tr> </tbody></table> </div> </ul> <b><span style="font-family: Trebuchet MS, sans-serif; font-size: xx-small;">.::<a href="http://cyberjellyfishteam.blogspot.com/">Get Widget</a>::.</span></b><br /> <div id="menucss"> </div> </div> <div id="menucss"> </div> <br />

Oke Sekian dulu ya frend'z tunggu trik blog yang laen bye :)