Widgets are the heart of Blogs and Sites. To attract your User your blog should have classic and elegant widgets. Today in our Blogging section we are posting a new Classic Sliding Menu widget to make your blog more stylish.
To change the Menu Name change it from the code
Change the link adress to your link also to add more links in different menu copy paste this <a href="http://www.unicornix.blogspot.com/" target="_blank"
Change Unicornix to Your menu name
Save the Gadget and enjoy. For any query comment below. If you like the post Kindly Share it.
How to add this in your Blog
- Go to your Blogger Account
- Click on Layout
- Now Add a Gadget
- Select HTML/JAVA
- Now copy - paste the Following Below Code
<div dir="ltr" style="text-align: left;" trbidi="on">
<style text-type="CSS">
#bmenu{position:fixed;center:5px;center:5px;background-color:#5ACEFF;border-radius:10px;-moz-border-radius:10px;border:3px solid #000000;width:202px;height:20px;color:#FF0606;transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}
#bmenu h3{margin:0;padding:0;text-align:center;cursor:pointer;}
#bmenu ul{border-radius:10px;-moz-border-radius:10px;border:2px solid #FFf;background-color:#40AADF;margin:15px 0;padding:0 15px;}
#bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{color:#000;text-decoration:none;font-size:20px;}
#bmenu li a:hover{color:#fff;}
#bmenu:hover{z-index:5;height:175px;
</style>
<br />
<div id="bmenu">
<h3>
<span style="color: white;">menu</span></h3>
<ul>
<li><span style="color: #0d4067;"><b><a href="http://www.unicornix.blogspot.com/" target="_blank">Unicornix-1</a></b></span></li>
<li><span style="color: #0d4067;"><b>Unicornix-2</b></span>
</li>
<li><span style="color: #0d4067;"><b>Unicornix-3</b></span>
</li>
<li><span style="color: #0d4067;"><b>Unicornix-4</b></span>
</li>
<li><span style="color: #0d4067;"><b>Unicornix-5</b></span></li>
</ul>
</div>
</div>
To change the Menu Name change it from the code
Change the link adress to your link also to add more links in different menu copy paste this <a href="http://www.unicornix.blogspot.com/" target="_blank"
Change Unicornix to Your menu name
Save the Gadget and enjoy. For any query comment below. If you like the post Kindly Share it.
