New Blogger Footer Hack - 3 Columns

I have been trying for quite some time to make an 3 column footer so I can tuck my buttons away neatly. Every code I have tried has failed using New Blogger. I realised that there is a much easier way of creating such a display without knowing too much about html and CSS. I created this code (it's not that difficult - just a simple table!) and I have used a variation of this code in my footer.

Here are the steps:

1. Log in to New Blogger

2. Choose "Layout"

3. Insert new widget at footer (choose "html/javascript")

4. Insert this amazing code here (heheh!):

<div align="left">
</p>
<table width="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="154">&nbsp;</td>
<td width="169">&nbsp;</td>
<td width="197">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>

5. Replace the "&nbsp" parts with whatever text, code, html - just copy your button code and paste it in.

6. Cut and paste the whole code into your footer widget and publish.

You can edit the table widths etc, if you have an html editor such as Frontpage or Dreamweaver it will be easier for you to preview the final result.

Tech Tags: footer blogger hack 3 column display table