How To add footer wrapper In Blogger - learn Latest Computer And Mobile Hacking Tricks


Lets me show you how to create three column footer with the minima template


•Login to your dashboard


•Create a blog or select a existing blog, choose minima template


•Now goto Layout > EDIT HTML
Remove

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}



and ADD the below code before ]]>


#footer-wrapper {
width:670px;
margin:0 auto;
padding:5px;
}
#footer1{
width: 220px;
float:left;

}
#footer2{
width: 220px;
float:left;

}
#footer3{
width: 220px;
float:right;

}



Now you have to Remove



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

< /b:section>
< /div>



and Then ADD the below HTML code before </body>



< div id='footer-wrapper'>
< div id='footer1'>
< b:section class='footer1' id='footer1' preferred='yes'>

< /b:section>
< /div>
< div id='footer2'>
< b:section class='footer2' id='footer2' preferred='yes'>

< /b:section>
< /div>
< div id='footer3'>
< b:section class='footer3' id='footer3' preferred='yes'>

< /b:section>
< /div>
< /div> <!--End of Footer Wrapper-->



9 Responses to “How To add footer wrapper In Blogger - learn Latest Computer And Mobile Hacking Tricks”

Anonymous said...
January 17, 2011 at 7:20 PM

Hello blogger, good morning. Wonderful post. You have gained a new reader. Pleasee continue this awesome work and I look forward to more of your superb articles.


Anonymous said...
January 23, 2011 at 5:07 AM

This is the best email in a browser that I’ve read in a while.


Anonymous said...
January 23, 2011 at 9:43 PM

It was really inspiring I loved it, thanks a ton to bring me back and more closer to my real self and my family.


Anonymous said...
January 23, 2011 at 11:53 PM

I have to say that I thought this piece was very profound. I have already bookmark you page. It has shown me a new insight in to my research about current government policy.


Anonymous said...
January 24, 2011 at 3:36 AM

Outstanding article, a bunch of fine knowledge. I am going to point out to my girlftriend and ask them the things they think.


Anonymous said...
January 24, 2011 at 7:17 AM

Wow! what an idea ! What a concept ! Beautiful .. Amazing


Anonymous said...
January 24, 2011 at 10:10 AM

Thank you for giving us the opportunity to see how you work and learn so much!


Anonymous said...
January 24, 2011 at 7:09 PM

Well … all I can say is, wow. This is an impressive collection of resources, thank you for taking the time to put everything together.


Anonymous said...
January 25, 2011 at 10:13 AM

Well, this is my initial go to to your weblog! We are a group of volunteers and starting a new initiative in a very community in the identical niche. Your website offered us valuable data to work on. You have done a marvellous work!


Post a Comment