Change Blog Post and Sidebar Width of a Blogger Theme

In today's Blogger tutorial I discuss how to change column width of both the sidebar and the blog post area of a Blogger Theme to either increase or decrease the size of the template displayed on the screen. I show you two methods of adjusting the width of the template: firstly through the Blogger Template Designer and secondly by making a small change to the template itself. These modifications are easy to achieve, only take a few minutes and will help you achieve the look you are after on your Blogspot Blog.

Older Default Blogger Themes

By default older Blogger templates eg Simple Blogger Theme were not full width but there was always the facility to increase or decrease the width of the columns of template according to user requirements. In the past it was recommended to keep the width of a Blogger blog under 1000px to ensure that visitors viewing on smaller screens did not have to keep scrolling to see the whole blog. Those days are gone now with responsive templates and the use of small devices like tablets and smartphones so it is fine to increase the entire width of your blog to 100% if you wish to.

Third Party Blogger Themes

If you are using a third party theme you may not be able to use the Blogger theme designer to adjust widths depending on how it was coded. You will still be able to use Method 2 as discussed below to make adjustments to the column width of the entire blog and / or the sidebar.

Newer Responsive Blogger Themes (Contempo, Soho, Emporio)

Newer responsive Blogger templates eg Notable Blogger template are already set at 100% width minus the sidebar so there is generally no need for tweaking the width.

How to Adjust the Column Width of Blogger Blogs

There are two basic ways to adjust the width of a Blogger template / Blogger Theme:

1. Adjusting the width in Theme Designer of Blogger (or if this is not available)


2. Changing the code within the Blogger template to the desired width

Method 1: Steps to Change the Width of a Blogger Template in the Theme Designer

1. Login to Blogger


2. At the Dashboard choose Theme


3. Click on the orange Customize button which will take you to the Blogger Theme Designer


4. On the left-hand menu click Adjust Widths





5. Adjust the width using the slider to increase or decrease the width of the entire blog. Any changes you make can be viewed in the large window on the right-hand side.
   For example: To make your blog full width push the slider all the way across to 1500px.
   


6. You can also change the width of the sidebar. By sliding the bar to the right you can increase the column size of the sidebar dimensions to a maximum width of 500px.


7. Click on the Save button in the bottom right-hand corner of your screen.

Method 2: Steps to Change the Width of a Blogger Template in Blogger Edit HTML

If you are not able to edit the width of your Blogger template in Theme Designer then you will need to adjust the widths manually in the template itself.

1. Login to Blogger


2. At the Dashboard choose Theme


3. Click on the down facing arrow next to the orange Customize button


4. Choose Backup to make copy of your existing template in case you need to reinstae it


5. Now choose Edit HTML


6. Click anywhere inside the template and then CTRL + F (Command + F on a Mac) to bring up the search function


7. Enter the following search term into the search window and press enter:
   
   
   b:template-skin


8. Look for the following code:
   
   

   <b:template-skin>
   <b:variable default='960px' name='content.width' type='length' value='960px'/>
   <b:variable default='0' name='main.column.left.width' type='length'/>
   <b:variable default='310px' name='main.column.right.width' type='length'/>
   
   



9. Change the value of the content width of the template to whatever width you would like eg for an entire blog width of 1200px the code would look as follows:
   
   

   <b:template-skin>
   <b:variable default='960px' name='content.width' type='length' value='1200px'/>
   <b:variable default='0' name='main.column.left.width' type='length'/>
   <b:variable default='310px' name='main.column.right.width' type='length'/>
   
   



10. To change the sidebar width (assuming you have a right sidebar) change the main.column.right.width to a new width by changing its value or adding a value if not already there as in this example. eg For a sidebar of 500px the code would look like this:

    <b:template-skin>
    <b:variable default='960px' name='content.width' type='length' value='960px'/>
    <b:variable default='0' name='main.column.left.width' type='length'/>
    <b:variable default='310px' name='main.column.right.width' type='length' value='500px'/>
    



11. Click on the Save icon in the top right-hand corner to save your changes.


12. From the Dashboard click on View Blog to see your Blogger template with the widths you have input.

In this Blogger tutorial you have learned how to change the column width size of your Blogger template to increase or decrease the width of the entire blog and the sidebar. Changes to the width of the columns is best achieved by using the Blogger Template Designer but if this not available for some reason I have also shown you how to adjust the width manually by making small changes to the HTML of your Blogger template.

Related Articles

Easy Way to Put Banners on a Blogger Blog
Add a Widget or Gadget Above a Blog Post in Blogger
How to Delete a Blogspot Blog from Blogger - Step-by-Step Guide to Remove a Blog
How to Add a Welcome Message to the Blogger Homepage
How to Add a Blog Description to the Blogger Header of a Blogspot Blog

How to Delete a Blogspot Blog from Blogger 2022 (Step-by-Step Guide to Remove a Blog)

In this Blogger tutorial I discuss how to delete a Blogspot blog from the Google Blogger platform. This is not a difficult task but I suggest that unless you are absolutely sure you will never use the content of your blog for any other purpose and you definitely want to remove your blog that you at least backup before deletion. It is possible to restore a deleted Blogger blog if you change your mind within a 90 day period but thereafter a deleted Blogspot blog is gone forever.

How to Delete a Blogspot Website Permanently from the Blogger Platform (Easy Steps)

When a blog is deleted from the Blogger platform the blog owner has a 90 day period in which the blog can be recovered before it is permanently deleted. To delete a Blogspot website from Blogger follow these simple steps:

1. Sing in to Blogger and select blog to delete
2. Click on Settings from the Dashboard
3. Then click Manage Settings
4. Choose Remove Your Blog
5. Download a copy of the content of your blog in xml format (optional)
6. Select Delete

See my step-by-step guide to deleting a Blogger blog below for a detailed walkthrough.

How to Delete a Multiple Blogspot Websites Permanently from Blogger

Unfortunately there is no tool to manage deleting multiple blogs from Blogger. If you have several blogs that you want to delete at the same time you will need to delete each one individually using the methods shown.

How to Delete a Blogger Account

If you want to delete a Blogger blog follow the steps outlined above and in the step-by-step walkthrough below. If however you want to delete your Google account which includes your gmail this is a different process.

Reasons to Remove or Delete a Blogger Blog

There are a lot of reasons to choose to remove or delete a blog from the Blogger platform some of which are:

• Your blog is not viable
• The content of your blog is too old and you can't be bothered to refresh it
• The blog takes too much work
• You blog is not making enough money to make it worth the effort
• You want to transfer your blog to Wordpress or another website platform like Wix or Squarespace

These are good reasons to consider deletion of a Blogspot blog. However, if your are deleting Blogger not because you have lost interest but because you have struck a problem, technical or otherwise, then deletion may not be the best solution.

If you are still keen to maintain your blog but it has just not succeeded as you would have liked or you are unsure about deleting it and looking for advice then I suggest you first take a look at my upcoming article in which I discuss a variety of scenarios about whether or not to delete a Blogger blog in each of these situations.

Steps to Delete a Blogspot Blog from Blogger

1. Login to Blogger


2. From the Dashboard click on Settings


3. Scroll down to Manage Settings






4. Click on the Remove Your Blog link


5. A pop up window will appear.


• Click on the Download blog link to download a copy of your blog in xml format. Note this not a readable copy of your blog.


• If you would like a copy of your blog posts as a memento or to turn into a book refer to my Blogger Tutorial on How to Convert Blog Posts in Blogger into a PDF document and Make Your Blogger Blog Posts into a Book.





6. Once ready to delete select the Delete button in the pop up window to delete your blog. Google reminds you that you have 90 days change of heart period in which you can restore your blog. Thereafter your blog is deleted and gone for good.

For step-by-step instructions on how to restore or recover a deleted blog please go my Blogger tutorial how to restore a deleted Blogger blog.

Today's Blogger tutorial has covered how to delete a blog from Blogger. It has also included instructions on how to back up your blog prior to deletion. Blogger makes it possible to restore a deleted blog within 90 days of deletion just in case.

#deleteblogspotblog #deleteblogspot #deleteblogger

Related Articles

How to Remove the Date Header From Blogger Posts
How to Delete Locked Blogger Widgets and Fix Blogger Widgets Not Showing
Remove Blogger Labels Counter or Turn On Counter in a Blogspot Blog