8 Simple Css Vertical menu bar for blogger



CSS Verticle menu, Verticle menu blogger, 3d Verticle menu,
Sharing The first collection of Vertical Navigation menu bar for blogger. Today I give you some awesome designed vertical menu. This menu bar designed by Cssmenumekar. I am modify these and make comfortable for your blogger site. I am tried hard to share the best menu bar for you. Hope you like and enjoy this.









How to add Vertical Navigation CSS Menu on your blogger/blogspot site


1.To add any menu bar from below first copy the css code of your selected menu.
2.Then go to your blogger template and find ]]></b:skin>
3.Past your copied css code just above of ]]></b:skin>
4.Now save your template.




After adding css code now you need to add html code to show your menu bar on blogger.

1. Go to your blogger layout option> Add a gadget > Html/javascript > and paste the html codes and save it.
2. Now you need to edit the html codes:

   <li><a href='#'><span>Home</span></a></li>
   <li><a href='#'><span>Products</span></a></li>
   <li><a href='#'><span>Menu 1</span></a></li>
   <li><a href='#'><span>Menu 2</span></a></li>
   <li><a href='#'><span>About</span></a></li>
   <li><a href='#'><span>Contact</span></a></li>

Remove # and give your page url and change Home, Products, Contact etc and give the linked page name on it.

Note: if the menu is not fitted on your slide bar actual size then simply comment on the bottom. I will try to made it comfortable with your site.


1. Blue & White Menu

css vertical menu, free css vertical menu bar, simple menu bar

CSS CODE:



HTML CODE:





2. Black & Yellow Menu

free css vertical menu bar


CSS CODE:


HTML CODE:




3. Black & Blue Menu

css simple verticle menu bar


CSS CODE:

HTML CODE:




4. Red & White Menu

free css vertical menu bar


CSS CODE:


HTML CODE:




5. Vertical-Massive-Blue

css vertical menu, free css vertical menu bar, simple menu bar


CSS CODE:


HTML CODE:




6.Grey Hat Menu

css vertical menu, free css vertical menu bar, simple menu bar


CSS CODE:


HTML CODE:




7. Bitbox Menu

css vertical menu, free css vertical menu bar, simple menu bar


CSS CODE:

HTML CODE:




8.Salmon Menu

Simple Css Vertical menu bar, vertical menu bar examples


CSS CODE:

HTML CODE:



So these The End. If you face any problem to add these menu on your site just tell me on the comment section. 



Share This Post :

Responses

18 Respones to "8 Simple Css Vertical menu bar for blogger"

rooja vanam said...

SUPERRR THANKS A LOT


5:18 AM
deepak_arora said...

thankyou very much your magermuch haa haa lol


1:12 AM
deepak_arora said...

A: Just look at that young person with the short hair and blue jeans. Is it a boy or a girl?
B: It's a girl. She's my daughter.
A: Oh, I'm sorry, sir. I didn't know that you were her father.
B: I'm not. I'm her mother.


1:15 AM
deepak_arora said...

Boy:Hey can i touch ur software?
Girl: first show me ur hardware?
.
.
Boy: can i install it in ur system?
Girl: Ok…… but cover it with antivirus, then install it.


1:16 AM
sadman sami said...

Cool tutorial i have found a website with good menu bars and other css designs you may like the designs.

http://freebietemplate.com/css-designs/css-designs.html

have a nice day


3:30 AM
Angel Hernandez said...

i dont understand the url part in the htnl, what do i put in?


8:07 AM
Blog Okulu said...

thank you good design.araba yarışları


4:37 AM
Blog Okulu said...

it is great menus.araba oyunları


4:39 AM
aliensoul said...

can any one explain me how to use submenus


4:08 PM
website design said...

Thanks a million! I’ve only glanced at what you’ve presented and already I can see I’m going to be able to make great use of this tutorial.
website design


10:46 AM
Suguna V said...

its more helpful for all


1:18 AM
Blog Okulu said...

this is great post Iwill use my web sites, thank you.
araba oyunu
asker oyunları
temzilik oyunları


1:31 PM
Oscar Santos said...

Valeu,cara.


8:34 AM
Ádagus Felipe said...

thank u so much dude, really :']


6:56 AM
Parhlad Suthar said...

www.draughtsmanmechanical.com


1:45 AM
Parhlad Suthar said...

www.internetkidunia.com


7:38 PM

Post a Comment

 

Recent Post

Followers

Return to top of page Copyright © 2012- Gaiety Tech | Powered By Blogger