Skip to main content

Add Third Column to Blogger

Adding Third Column to your Blogger/Blogspot blog

Personally, I have liked this tutorial because it gives me more space to add some ads and categories, if you want to add a new column to your blogger just do the following steps.

1. Got to "Template" > "Edit HTML".

2. Save your current template by clicking on "Download Full Template", this tep is very important to back up your template if you did any mistakes.

3. Find this code;

#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-left: 14px;
width: 464px;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-right: 14px;
width: 240px;
float: right;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

4. Replace it with this code;

#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: justify;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-left: 10px;
width: 386px;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-right: 10px;
width: 165px;
float: right;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
margin-left: 10px;
width: 165px;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

5. Find this line;

<div id='main-wrapper'>

and right above it, add this code;

 <div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

6. Save and view your template, add a new element at your new column and view the template. It will be something like this template's blog you're reading.
Labels:

Comments

Post a Comment

Popular posts from this blog

Blogspot SEO

There are some tips to optimize your free blog hosted at Blogspot.com, you know as I know that a blog by Blogger.com is a very Good content generator that does very well with search engines especially with Google, Why Google? Because Blogspot.com is a daughter service provided by Google company. Here you go to SEO your Blogspot blog. 1. The title of your blog: You must make it only one word, yes this will help all your posts to avoid any conflicting between the post title and the main blog title. So, only one or approximately two words on the title. 2. External links: When you submit a new post, don't add an external link in the first paragraph, you can add that link after the third paragraph. 3. Write daily: Search engines like updatable blogs with daily fresh content, you can write a post per day for that issue. 4. Get links to your blog: This is the most important strategy for your blog, you should get high quality links to your blog from good websites. You can do it by submitti...
82 comments
Read more

Top 10 SEO Tips You Should Do

Search Engine Optimization/SEO world is crowded by information and tips, in this post I try to tell you what is the most important SEO actions you should do. Top 10 SEO tips 1. Optimize your web page for only one key phrase : Yes, don't crowd your title with keywords, if you want to optimize a page for 3, 4, 5 key phrases you will discover that is very hard to get your page in the first results for all of these key phrases. So, you should focus on one key word/phrase and you will discover how it very easy to get your page in the first result especially with the less competitive keywords. 2. Choose the right domain name: Choosing the right domain will be very helpful to get your web site in the first results of search engines, if you optimize your website for the keyword "Online Business Tricks", you should includes this keyword in the domain name. For example, you can use "if available" OnlineBusinessTricks.com "The Best One" Online-Business-Tricks.co...
7 comments
Read more

How to Make a Sitemap for Blogger

To help Google to index all your web pages in your blog, you should add sitemaps for your blogger blogs. To do that, just follow the following instructions. 1- Verify your blog: From your Google account go to - Webmaster Tools >> Add Site, type your blog URL in the "add site field". Then, you can verify it by choosing "Verify" button at the top. Choose "Meta Tag" option and add that meta tag to your blog template after the "Head" tag. 2- Add a sitemap: From your account, Choose "Sitemaps" and add a sitemap in this form: atom.xml?redirect=false&start-index=1&max-results=100 "If you wrote less than 100 posts" This is the atom feed of your blog, it was created automatically and every new post will be added automatically. Google crawl that sitemap everyday, so you don't need to submit the same sitemap again. You just need to submit new sitemap for the next 100 posts as following. Add another sitemap in this form:...
18 comments
Read more

Blogspot Title

Blogspot title is the title that appears at the top of the browser, it also appears in the search engines results. It is so important to optimize the title of your Blogspot blog. Follow these tips for good title optimization. 1. Add the title to your Blogspot blog. To add a new title or to edit it just got your Blogger dashboard and click on "Settings", the first field is the filed of your blog's title. 2. Make the title is the main keyword of your blog. To make your blog SEO optimized and to get at the first results in search engines, you should add the main keyword in the title. 3. Get the title of the post at the beginning of the title. When you create a post, you will find that the title of the post comes next to the main title of the blog, this will harmfully affect the search engine optimization, because search engines like to pick keywords from the left. You can get the title of posts to come first by doing the following: Go to Blog Dashboard > Layout > Edit ...
5 comments
Read more

Submit Review Article

Welcome to Submit Review Article service by OGB, You can submit your articles here to get some very targeted traffic to your website. I guarantee you when you submit your unique article targeting a long tail keyword, your article will be in the first place in Google in just 24 hours. In this case and when you add a link to your website, you will receive very targeted traffic. Submission Guidelines: 1- The article must be unique and not published in any other website. 3- It must be in proper English spelling and grammar. 4- You can add one link to your website or landing page at the end of the article. No direct affiliate link, landing page included your affiliate link will sell better. Add your article in the comment box below this post, add your author name, your link and your Email. You will be notified by Emailwhen your article is published here. Don't Forget to Bookmark this Page
11 comments
Read more