Wednesday, December 16, 2009

Configuring Footer Menu Bars

In order to add gadgets to your Footer Bar, Follow these steps:

1>Go to Layout->Edit Html and back up your current template

2>Search for this CSS code:
#footer-wrapper {

3>When found,delete all the code pertaining to footer-wrapper CSS Code and replace it with this:

#footer-wrapper {
 width:980px;
  height:72px;
  clear:both;
  margin:0 auto;
  padding:0;
  text-align: center;
  font-size: 10px;
  padding:60px 0 0 0;
  }
#lower-footer {
  width:980px;
  margin:0 auto;
  padding:0;
  clear:both;
    }
#diana {
padding-top: 15px;
color: #704f80;
}


#footer-wrapper a {
   color:#714985; 
   text-decoration: none;
}


#footer-wrapper .links {
   font-size: 10px; 
   padding: 0px; 
   margin: 0px; 
}

4>Now search for this:
<div id='footer-wrapper'/>

5>When found,replace the entire code in the footer-wrapper block with this:

<div id='footer-wrapper'/>
<div id='lower-footer'/>
<b:section class='footer' id='footer'/>

6>Save your template and close Blogger Templates
Blogger Templates
Twitter Delicious Facebook Digg Stumbleupon Favorites More

0 comments:

 

Networked!

Disabling Right Clicks

Recent Readers

Recent Visitors

Recent Viewers

Blog Metamorphosis Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template

--added by swathi