Tutorial How to widen your photog blog in blogger!
Hey! Ive been meaning to write this tutorial for SO long! I get a lot of emails asking how I widen my blog posts past the max of 1000 pixels (the widest blogger template designer lets you go).
I am not an html genius... But, this is one thing Ive managed to figure out! (go me! :D).
A little note before I start: As far as I know this only works for Blogger. I have no idea how it would work on Wordpress. Also, make sure you have your template and layout completely decided on and saved from the template designer before you widen... each time you change and save anything layout changes to your blog... it gets rid of any html changes you have made.
So, heres how I widen my blog...
1. Open up your Dashboard in Blogger.
2. Find the blog you want to work on and click on Design.
3. Your Page Elements page will pop up. From there... click Edit HTML. {See Below}
 |
| {Click on image for larger view} |
4. Type CRTL+f on your keyboard to make the Finder pop up. {See Below}
 |
| {Click on image for larger view} |
5. Type the code (seen in photo below) into the finder space. {See Below}
 |
| {Click on image for larger view} |
6. That will bring you to the skin section of your blogs html.
 |
| {Click on image for larger view} |
7. You can now change the sizes of your blogs layout and sidebars. Change the sizes after "value=". Usually the first size is the width of you blog. This will change how wide your blog will be. I usually have my Paper Mama blog at 1150. I find that when I go any wider I tend to get complaints about my blog being to large on other computer screens. What I like to do is adjust the size and click the Preview button before I save just to see how things are looking.
The next two sizes are the right and left sidebars (this all depends on the layout you have chosen. I have a sidebar on the left and right side of my Paper Mama blog.). Adjust your sidebar sizes to your liking. Again, I like to click the Preview button before I save. Just to make sure it all fits and looks good.
 |
| {Click on image for larger view} |
8. After youre happy with the size changes of your blog... click Save. If you decide you dont like how your blog sizes are looking.... just repeat these steps and change the sizes again. Its definitely a trial and error process if you are not that familiar with html... like me. :D
 |
| {Click on image for larger view} |
I hope this helped!
