Ads 468x60px

.

Blog Tips CSS Rounded Corners Vertical Menu-Without Images

CSS Rounded Corners


1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag.


<style type="text/css">
.rcornersmenu a {
   width:250px;
   display:block;
   border: solid #666;
   border-width: 0 1px;
   text-decoration: none;
   outline:none;
   color: #000;
   background: #e4e4e4;
}
.rcornersmenu a b {
   display: block;
   position:relative;
   top: -1px;
   left: 0;
   border:solid #666;
   border-width:1px 0 0;
   font-weight:normal;
}
.rcornersmenu a b b {
border-width:0 0 1px;
top: 2px;
padding:1px 6px;
}
.rcornersmenu a:hover,
.rcorners a:hover b {background:#666666;color:#ffffff;}

.rcornersmenu ul,li {
list-style: none;
}
</style>


blog Tips Note: You can change width,colors,... as your choice.

4.Now save your template.

5.Go to Layout-->Page Elements and click on "Add a gadget".

6.Select "html/java script" and add the code given below and click save.




<ul class="rcornersmenu">

<li><a href="#"><b><b>Home</b></b></a></li>

<li><a href="#"><b><b>HTML</b></b></a></li>

<li><a href="#"><b><b>CSS</b></b></a></li>

<li><a href="#"><b><b>Java Script</b></b></a></li>

<li><a href="#"><b><b>Advertise</b></b></a></li>

<li><a href="#"><b><b>About</b></b></a></li>

<li><a href="#"><b><b>Contact</b></b></a></li>

</ul>



Hey you're done Be with HavelocKKnightS

Don't Miss Another Post. Free Updates Like Us

Share this Article

Enter Your Email For Updates

Labels

Adsense (1) Automatic Backlink (11) b (1) Backlink (9) Blog beginners (134) blog designing (138) blog site (3) blog spot (1) Blog Templates Download (15) blog Tips and Tutorials (1) Blogger blog (4) Blogger help (4) Blogger Templates (1) Blogger tips (3) Blogger tutorial (5) Blogging Software (1) blogging tips and tricks (149) Blogging Tips and tutorials (156) Blogging Tools (131) Blogging widgets (101) Codes and scripts (72) Computer news and updates (31) Directorys (8) Ebooks (1) f (1) Facebook (16) Facebook And Blogger (1) Faceobook (1) Farmville (1) File hositng and sharing (2) Fonts and Images (1) Forums (1) Free online services (28) Freewares (34) Gadets (13) Games (3) Google (22) google blogs (3) how 2 start a blog (3) How do I Start a Blog (5) How do i start a blog for free (12) How do you start a blog (7) how to blog (1) How to Get Started Blogging for Yourself (1) how to start a blog (4) How to start a blog for free (3) How To Start A Free Blog (1) how to start blogging (1) how to write a blog (1) i pad (4) Internet (43) Internet money making tips and tutorials (7) make a free blog (1) Make a free blogger blog (2) make a free bloghow do i start a blog for free (1) make blog (1) make your own blog (1) Make your own web site (2) Make your own website free (7) Mobile (4) Photoshop plugins and tutorials (2) rss (3) Search engine optimization (52) Seo (55) Seo blogger (5) softwares (24) start a blog (4) start a blog how to (1) Start a blog Tips (1) start blog (6) start my own blog (1) start your own blog (4) Start your own blog free (2) starting a blog (5) starting a blog for free (2) Tips and Triks (58) Tips to Start Blogging Successfully (1) Twitter (4) updates (1) web designing (10) websites (1) Windows Tips and Triks (22) Wordpress (1) You tube (1)