How To add footer wrapper In Blogger - learn Latest Computer And Mobile Hacking Tricks
Do you like this story?
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-->
•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-->
Subscribe to:
Post Comments (Atom)
9 Responses to “How To add footer wrapper In Blogger - learn Latest Computer And Mobile Hacking Tricks”
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.
January 23, 2011 at 5:07 AM
This is the best email in a browser that I’ve read in a while.
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.
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.
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.
January 24, 2011 at 7:17 AM
Wow! what an idea ! What a concept ! Beautiful .. Amazing
January 24, 2011 at 10:10 AM
Thank you for giving us the opportunity to see how you work and learn so much!
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.
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