Blogger Tips and Design Portfolio from Lightway Web Services, Inc.
HomeBlogger TipsDesign TipsWeb HostingDomain Name RegistrationDesign PortfolioAbout This BlogContact

Friday, April 13, 2012

Adjusting Blog Widths

To adjust the width of your blog, there are two options. The blog widths can be adjusted by navigating to the "Template" menu.  From here, the two options are "Customize", or "Edit HTML".

1. Some newer Blogger templates can be customized using the "Customize" menu.  From here, there are many options to adjust the overall width, as well as the sidebar width. Use of this menu depends on the template that has been selected for the blog.  Some older templates are not configured to allow changes to blog width. This is the easier version of the two. As you increase the sidebar, or main post, the overall width will be adjusted as well to keep the blog aligned properly.

2. Most templates can be adjusted using the "Edit HTML" menu.  However, this is the more advanced option of the two. Typically when adjusting blog widths, there will be three. You have:
  1. Overall Blog Width
  2. Main Post Width
  3. Sidebar Width
This is where math will come in quite handy. First, locate all three widths and write them down. In some cases, the main post width, and sidebar width will not add up exactly to the overall blog width. This may be because of padding in between the main post section, and the sidebar. For simplicity, it is best to keep note of the difference in widths.

From here, the default blog width can be changed to any desired width. As an example, if 30 pixels are added to the sidebar, and 50 pixels are added to the main post section, 80 pixels must be added to the overall blog width. Before the blog is saved, it is always advisable to check the "Preview" option first. This will tell right away if a mistake has been made in calculating the width.

Changing blog width can allow for more room for posts as well as more room for content on the sidebar. Always keep in mind that if the blog width changes, the header will likely need to be redesigned as well in order to keep continuity with the rest of the blog. Also, if there is a custom background, that will need to be changed as well.
Posted by Brian Kraft at 8:00 AM
Labels: BlogTips

No comments:

Post a Comment

Older Post Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • Custom Navigation Tabs for Blogger Menu
  • Using the "Float" Command in CSS
  • Adding the Facebook Social Plugin
  • Adjusting Blog Widths
  • Using a Custom Domain or Subdomain for Blogger address
  • Creating the Blog Header
  • Ever Care Pool and Spa
  • Creating a Favicon
  • Oxnard Lemon Company
  • Coastal California Blueberry Farms, LLC.

Facebook

Followers

Subscribe To Blog

Posts
Atom
Posts
Comments
Atom
Comments