Change width of blogger template

Many times when we find a new Blogger Template, and we decide to try it in our blog but later you find that the width of the template is not as you were looking for and drop that template and start looking for new blogger templates. Now this Tutorial is for this kind of blogger who want to Change width of blogger template.

Take Backup your current Blogger Template
Basically I am showing you this article considering a Standard 2 Column Blogger Template say Minima Template. It contains 5 things and we are going to increase width of each component in given order.
  • Outer Wrapper
  • Header Wrapper
  • Post column
  • Sidebar column
  • Footer

1. First "Login" to your Blogger account

2. Go to "Design" > "Edit HTML"

3. Find Header section and change Header Wrapper width to 820px (Search using CTRL+F) and change as shown below

4. Similarly goto the Outer Wrapper section and change the width to 850px as shown below

5. Change the Outer Wrapper "Text-Align" to "left" as shown below

6. Goto the Main Wrapper( Post column) section and change the width to 550px as shown below

7. Change the Main Wrapper "float" to "left" as shown below

8. Goto the Sidebar Wrapper and change the width to 270px as shown below

9. Edit the Sidebar Wrapper "float" to "right".

10. Now Finally, Goto Footer Section and Change its width to 850 px as shown below

11. Save the template and you are done.

Following changes we have made to our blogger template
  • Outer wrapper- 850px
  • Header- 820px
  • Main column- 550px
  • Sidebar- 270px
  • Footer- 850px
You can play with templates by increasing and decreasing the width of the templates make sure that main column width + sidebar column width should not exceed outer wrapper width. Footer width can be same as outer wrapper width.

You are Done !!! Happy Blogging

Source: Blog

How to use pages in blogger

I have been blogging since last 1 year and recently blogger have introduced a new idea of adding "Pages" in your blogspot blog as present in Wordpress. With Blogger Pages you can create a static pages that are linked to your blog. You can create pages like CONTACT US, EMAIL, ABOUT US, and many more upto maximum of 10 pages. Firstly I was quiet confused with this new pages, but after reading several posts on various tech websites and blog's, I got complete knowledge about it and I want to share these valuable information with you.

Simple step to create new pages in your blog

1. First "Login" to your Blogger account

2. Go to "Posting
" >>"Edit Pages" >>"NEW PAGE"

Here you can add various page title like CONTACT US or ABOUT US or EMAIL etc. After naming title write the content you want to display for the page you have created, say you have created a pages named CONTACT US, Then in CONTACT US you can write about your Email address, contact number, and that all stuff you want to display on CONTACT US page. When visitors visit your Homepage they will get to see various Page Tabs you have created in your blog as similar to shown in the image below


  • Note that you will not need to make a "Home" Page because that is automatically added when you add the Pages widget.

You are Done !!! Happy Blogging

Adjust Blogger Title Tags to Improve SEO

Todays Tutorial deals with How to gain Maximum Traffic, That is improving SEO (Search Engine Optimization) of your blog to get higher Traffic on your Blog by optimising your page title for various search engines like Google, Yahoo.

By default Blogger (Blogspot) blog does not have search engine optimised title tags. Blogger assigns title tags which contain the the Title of the post following the Name of the blog . But this type of title tags are not search engine friendly.

By simply reversing the position of the blog name and page title significant improvement can be gained in SEO resulting in higher blogger Traffic.

Follow the Steps for SEO optimization of your Blogger Blog:

1. First "Login" to your Blogger account

2. Go to "Design" > "Edit HTML" and search for the code shown below.


3. Now Replace the above code with the code shown below

<b:if cond='data:blog.pageType == &ampquot;item&ampquot;'>
<title><data:blog.pageName/> |

4. Click on Save Template and then View Blog

5. If you are having any problem when trying to Insert and unable to Save the above code (Step .4), then the another code shown below might work for your blog

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |

Now enjoy your SEO optimized Blog Title Tag. Be prepared to Welcome high traffic on your Blog.

  • Don't forget to take back up of your template before editing it

You are Done !!! Happy Blogging

Any Query related to any Post please feel free to comment on it so that I can Improve and provide you with better blog