I searched for ‘creating four column footer for blogger’ in internet, but found nothing. So i come across some tutorials on ‘creating 3 column footer’ and modified them to ‘four column footer’.
+/- Continue Reading- Creating four column footer section in Blogger
If you like this post, don’t forget to subscribe to RSS feed or Email. 
Featured Items - Unlimited Web Hosting from HostGator 25% OFF
HostGator is a one of the most trusted Easy and Affordable Web Hosting Provider next to Inmotion Hosting. LIMITED TIME OFFER! Get 25% OFF using coupon code: BLOGOSYS25
FIND OUT MOREFeatured Items - 70+ Premium elegantThemes for Just $39
Unlimited access to 70+ elegantThemes - Premium WordPress themes for only $39. Feature includes - ePanel Theme Options, Shortcodes, Page Templates and Easy Localization. Power your website with elegant themes today!
FIND OUT MOREFeatured Items - WebHostingPad Starts at only $1.99/Month
WebHostingPad is a Cheap, Easy and Affordable web hosting provider with Free Website Builder and Website Transfer. They are running SPECIAL LIMITED PERIOD OFFER $1.99/month (Regularly $4.95.mo).
FIND OUT MOREFeatured Items - Recommended WordPress and Web Development Books
Want to learn IN and OUT of web development and become professional web developer? Here are the list of WordPress and Web Development books which i recommend you to start with.
FIND OUT MOREFeatured Items - Top Selling WordPress Themes From Themeforest
Want to use one of the top selling WordPress theme for your next project? Here is the list of Premium WordPress items from Blog, Magazine, Creative, Retail, Technology, Entertainment, BuddyPress, eCommerce and Nonprofit categories.
FIND OUT MORE
Step 1. Login to your Blogger Dashboard
Step 2. Go to Layout >> Edit HTML , do not check the “expand widget templates” box. This will simplifies the process
Step 3. Back up your existing blogger template (Click on ‘Download Full Template’ to Back up)
Step 4. Now search these line of codes or similar ( footer-wrap, footer, footer-end etc… )
<b:section class=’footer’ id=’footer’/>
</div>
Step 5. Replace section code in red 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>
Step 6. Now you need to add CSS for these section, add below CSS code right above ]]></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;}
Step 7. Preview and Save your template. Now you will have four column at footer section