SHINING CSS3 HORIZONTAL MENU

WELCOME!to our blog.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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JvA98SZAGzHukI93V3cwavPoMXg1QifTfJWdBF7A7SkoPCpOkHDnPwM8eKwVFmKRqf5pTiyQEeF-qDIqO7cA04HyrDtM9WawLCUU7tKB2BSM75OGCQH-Xop1GFjyzn5vs89uzSdMPs8/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/AVvXsEhE3sLT9w4OUh9JplzdR_EbwsKTM07lXtGQ-vIdzuGX_wTYbeU4O9E0K_wwEMRk1aZRPsanAVQ_t5J_zGlm4kubW9_XSy5gIVXWEzU467NcQOmddUblpqQ2X3515nLY29wimdSj6FeLjjk/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.

We have great collection of Best tricks and tutorials, Bloggingtrainings.blogpsot.com is a Blog Providing with Blogger widgets, help, blogger tips, blogger tricks, hacks, Blogger Gadgets,Plugins and Blogger resources with great skills and templates.practical SEO Tips and all things Blogging,is about Blog tricks & tips, Traffic generation, Backlinks, Search engine optimization, Web designing, E money, Social media, Facebook tricks,Blogging Discussion, Tips & Tricks,logging tips, tricks, how-tos, news, tools and resources, bloggingtrainings.blogspot presented in easy to understand tutorials.Keep visiting us if any links is not working or you want sme more help, then keep looging at bloggingtrainings.blogspot.com.or contact us 0323-7591466.

Blogging Trainings