Hi all! This is just a tip for those of you who wants to have 3 columns under your blog post. It's called 3 columns on your footer actually, and so I googled. =) I've tried numerous tutorials, some from famous blogs but all are so complicated and results in my layout to change. I only found one that seriously was easy to do and it just took a copy & paste method, one time only. I swear.


Image credits to http://cre8tivenerd.com/

But...
However I encountered a problem at first. Some of you sure need to locate something like;
<div id='footer-wrapper'><b:section class='footer' id='footer'/><br /> </div>


Right? And you don't find it! How annoying is that? I don't find anything similar to footer-wrapper, footer-wrap, foot-wrap, food-wrap....? xD Where am I going with this?? Haha! Okay back to serious mode.

What I Did
The code to be put on the layout is;

<div id='footer-columns'><div id='footer1' style='width: 30%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/><br /> </div><div id='footer2' style='width: 40%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/><br /> </div><div id='footer3' style='width: 30%; float: right; margin:0; text-align: left;'><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/><br /> </div><div style='clear:both;'/></div></div>

Just click on the box and press Ctrl+A alright? Saves time really. It will highlight all the items in the box.

I simply put the code on the lowest part of my html code, before the code;
div id='footer'

Saved the template without thinking twice (because I've backed up my template before xD ) and tadaaaaaa! Boy I was so happy. So this is a post for those who wants 3 columns underneath their blog post/ blog body or in other words, 3 columns in blogger's footer.

Thank you so much Blog Know How♥! You've saved me a lot more time before midnight!








Shine on,
Del