Printable View
Can anyone tell me how to add a footer in a blog. How to use a blogger footer text. How to edit the blog and what HTML tags i will need to add to show the footer in the blog.I want to use this to show up copyright information. I tried to edit the blog but the results are not quiet good what i want. Pls help.
Footer in the being use for many purpose in the blog. As you said you would like to show up your copyright information. Some use to show contact details. To add a footer.hmtl do the following :
- Log into your Blogger Account.
- Click on Template > Edit
- Scroll down to the bottom of the Template.
- You will see a CSS style for the footer text. This style includes default setting to set the text to a smaller size and put it in a center.
- Now under CSS style remove all the tags between the opening and closing of <p> tags. Replace it with your text.
- First preview it. If you like then save and republish again.
To add a footer in your blog add the following html tags in your blog site. These will create a three column footer for your blog site which can be customized easily.
HTML Code:<div id=’footer-wrapper-container’>
<div id=’footer1′ style=’width: 32%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col1′ preferred=’yes’ style=’float:left;’/>
</div>
<div id=’footer2′ style=’width: 32%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col2′ preferred=’yes’ style=’float:left;’/>
</div>
<div id=’footer3′ style=’width: 32%; float: right; margin:0; text-align: left;’>
<b:section class=’footer-col’ id=’col3′ preferred=’yes’ style=’float:right;’/>
</div>
<div style=’clear:both;’/>
<p>
<hr align=’center’ color=’#c2c2c2′ width=’90%’/></p>
<div id=’footer-bottom’ style=’text-align: center; padding: 10px;’>
<b:section class=’footer’ id=’col-bottom’ preferred=’yes’>
<b:widget id=’Text99′ locked=’false’ title=” type=’Text’/>
</b:section>
</div>
<div style=’clear:both;’/>
</div>
I had given below a simple text to create blogger footer text. You just need to copy paste the following tags and update your web page. These tags create a footer column at the end of the blog which can be easily customized. Rather you can also add your text in the tag <p> Your website content here.</p>
HTML Code:1. <html>
2. <head>
3. <link rel="stylesheet" href="layout.css" ... />
4. </head>
5. <body>
6. <div class="wrapper">
7. <p>Your website content here.</p>
8. <div class="push"></div>
9. </div>
10. <div class="footer">
11. <p>Copyright (c) 2008</p>
12. </div>
13. </body>
14. </html>