12.10.10

How to make your blog 3 columns

For this Blogger Tutorial I am going to show you how to make your blog 3 columns.  This tutorail only works with Minima templates.  This takes a little bit of HTML knowledge, but isn't nearly as scary as you might think!  We are going to go into our HTML code. So we'll start out by clicking on Dashboard
Then we'll click on Layout
Blogger Tutorials
Then we'll click on Edit HTML
Next we will back up our Template incase we make any mistakes
Hold CTRL and press F at the same time.  A box will appear at the bottom of your screen.  Type in the following code:

And hit enter, it will direct you to this part of your code:
Blogger Tutorials
Copy this code:


 And place it beneath the #sidebar-wrapper So that it looks like this:
Hold CTRL and press F at the same time. Enter this code:

It will bring you to this part of your template:
Copy this code:

And place it directly above the 'main-wrapper', so that is looks like this:
Blogger Tutorials
Now hold CTRL and press F at the same time and enter this code:

It should take you to this part of your code:
Blogger Tutorials
 We are going to edit this code a little bit.  So copy this code:


And replace the #outer-wrapper so it looks like this:
Blogger Tutorials

Now hold CTRL and press F at the same time and enter this code:

It should take you to this part of your code:
Blogger Tutorials
We are going to edit this code too, so copy this code:

And replace the #main-wrapper so that it looks like this:
Blogger Tutorials
Click preview
Blogger Tutorials
If everything looks okay, then click Save Template
Blogger Tutorials
If you have questions, please leave a comment and I will be happy to help!

No comments: