SHINING HORIZONTAL MENU for blogger,word press,or any site

SHINING HORIZONTAL MENU for blogger,word press,or any site


first go to blogger dashboard and in the left side of the menu got layout and then add gadget then select html java script then copy below code and save then see magic....copy below code



<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgUpTK2lVCCwR2NnfRXSPWvGNYzXF9nf5Z6YnB-BNl1q5uY6ye31OGA1h6AcbWshbmA4uN4SNSTF9t62pZaAbRchpFlgKlhpstbYWU6gbITFgg_5OqfhMsaPK5fzpgrXYsh66h56sdF4/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://widgetgenerators.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwIyiEEimwSyzMmhtL84ruxSDgu_QxsWBFeNeQDFs7RwgAKD_eir2CpE14_RNmmt3mZDNhWDLEQ5raC1J9dwjAk2uvFlzEpgo1sPFiX_amuSwGCaZU-B7LFBC5yhBbG8xy1_nYCfqu6XQ/s1600/1x1juice.png" /></a><div class="wg-shining-menu">    <ul class="menu">        <li><a href="http://www.latestgames2.blogspot.com//">Home</a></li>        <li><a href="#">Features</a></li>        <li><a href="http://www.latestgames2.blogspot.com//search/label/Spice%20your%20Blog">Products</a></li>        <li><a href="http://www.latestgames2.blogspot.com//search/label/Blogger%20Widgets">Contact</a></li>        <li><a href="http://www.latestgames2.blogspot.com//search/label/Blogger%20Tips">Tips</a></li>        <li><a href="http://www.latestgames2.blogspot.com//search/label/Blogger%20Tricks">Tricks</a></li>        <li><a href="#">About</a></li>    </ul></div>




replace red colour with your site/blog name replace green colour with your tabs name

and if you want to add more tabs then add this 


 <li><a href="http://www.latestgames2.blogspot.com//search/label/Blogger%20Tips">Tips</a></li>



0 comments:

Post a Comment