Most Professional looking templates use 3 column footers today. Three column footers are very common but four column footers are not very common as i am using. So if you want to add four column footer to your blog follow these steps.

1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see this:

<b:section class='footer' id='footer'/>

Look at the picture below.

3.Now Replace above Line with below code.

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>
</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>
<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>
<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

4.Now again scroll down to where you see this:

]]></b:skin>

5.Now add below code before the  ]]></b:skin>

#footer-column-container { border: .3px dotted #cccccc;}
.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}
.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}
.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}
.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}
.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

6.Now save your template and you are done.

Adding Save as PDF button to your blogger blog allows your blog readers to save your web pages as PDF files. You can add a save as pdf button to your blog by following these steps:

• First Sign up with Web2PDF.
• Now Configure your "Save Page as PDF" button and click ‘Generate the JavaScript’ button.
• Then a Javascript code will be generated.
• Copy This code.
• Now follow these simple steps :
• Log in to your dashboard--> layout- -> Edit HTML
• Click on "Expand Widget Templates"
• Scroll down to where you see this:

<p><data:post.body/></p>

(d)Immediately after above line, paste the code which you have generated at the Web2Pdf Online website. It's look like below code.

<!-- START: PDF Online Script --> 
<script type="text/javascript"> 
var authorId = "XXXXXXXX-XXXX-XXXX-XXX-XXXXXXX"; 
var pageOrientation = "0"; 
var topMargin = "0.5"; 
var bottomMargin = "0.5"; 
var leftMargin = "0.5"; 
var rightMargin = "0.5"; 
</script> 
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js"> 
</script> 
<!-- END: PDF Online Script -->

• Click on "Save Templates" and you are done