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/AVvXsEgw32i0LYxw1JvPM-HxrMXBRYfXun1OmA4tD7FQJPjgs_UwtGHoG5TgSzr0MIpNRq8xjJiiSRcknby0lYC0dZbtzaPKKCpfeqyiXC6JTJmqlQAMQ5gEuIbX-wzYB3pZG1WhHQbXhG9sb68/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/AVvXsEhRAYfuBmYLNKifQvEXlijyfJcz4hjtmAVJGPQESW5sgAGDQCqMod6mKirHPN1FI37lWX0BXZkmP4lngQm096rv_b2heA_0MNA95XuB90vP4Etr8MumBUbXbzyaJ9SUuOg-ULn4EzHoN1M/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 nhận xét:
Đăng nhận xét