CSS3 is a new technology by which we can made new and professional widgets in just simple steps and very easily. Similarly we have a shining menu which is made by the CSS3 and it's hovering effect is too awesome and very shining that's why we have given it a name Shining Menu. It will give a new look and feel to your blog and visitors will love and ask for this widget OR menu.
Add Shining Horizontal Menu in Blogger
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<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("http://1.bp.blogspot.com/-e8VrFODNr7s/T2TK3jW0ZYI/AAAAAAAAALA/wH-oW-79nzA/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="http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png" /></a>
<div class="wg-shining-menu">
<ul class="menu">
<li><a href="http://widgetgenerators.blogspot.com/">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="http://widgetgenerators.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
<li><a href="http://widgetgenerators.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
<li><a href="http://widgetgenerators.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
<li><a href="http://widgetgenerators.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
- Save Your Widget.
Make Changes....!
- Replace this Orange Color Link with your own link.
- Replace this Green link with your own tab name.
Hi....! I'm Hemant Verma, Graduate in Computer Applications in 2012, Love to Make Blogger Hacks and Like to Play with HTML and a Business Man. 
1 comment
This is great. Thank you so much for sharing. I can’t wait to learn css3.
Post a Comment
Add Your Comments Here and Feel Free To Ask AnyThing