Column 1 | Column 2 |
How to Create a Split Column in Blogger
Type the HTML code for a two-column table into the editor. For instance:
<table> <tr> <td></td> <td></td> </tr> </table>
This code creates a one-row, two-column table that can contain your post's content.
<table> <tr> <td></td> <td></td> </tr> </table>
This code creates a one-row, two-column table that can contain your post's content.
Add a border to the table so you can see each column in Compose mode.
For instance, the code <table border="1" > adds a one-pixel
wide border around the table and between the columns
Type some form of place holder content into between each column
<td></td> tag pair to help you see where to place your post content
later. For instance, the code:
<td>Column 1</td> <td>Column 2</td>
will display two content boxes you can add column content to later when you switch to Blogger's Compose mode.
<td>Column 1</td> <td>Column 2</td>
will display two content boxes you can add column content to later when you switch to Blogger's Compose mode.
Add a vertical alignment attribute to each <td> tag so that each
column's content will align side by side. For instance, the code <td
valign="top"> will force the content in each column to start at
the top of the table.
Click the Compose mode tab. Type or paste your content into each column.
Press the "Publish" button to save your work.
