3 SIMPLE MAGAZINE MINIMA TEMPLATE DOWNLOAD

This Post Has Currently Moved To Our New Domain:

http://www.problogtuts.com

0 INCREASE BLOG TRAFFIC WITH FACEBOOK SOCIALNETWORKING

There are several secrets related to traffic generation mechanism with social networking websites, which most of the bloggers are putting down in words, in their blogs. Today in this tutorial I will highlight all the tricks and tips to suck the juice of web traffic generation methods.

Like Google plus and Twitter, Facebook is another important online platform that many bloggers make use to obtain some traffic to their sites. There are various opinions regarding Facebook as best traffic generation web platform along with it being high rated social networking website. Some has a belief that it is a just a matter of time, to generate enough traffic from Facebook, while others truly relies on Facebook for traffic. But I believe that once an individual or a company follows the points I have mentioned below, Facebook will start working as a charm and eventually floods of traffic will come to your way.

Face book has greater possibilities for publicizing your blog at no cost and generate free traffic for your blog. In fact, it will also take time to end up with the possibilities that Facebook delivers because once u discover one possibility another will pop up. So dear readers explore all the possibilities, take ample advantage of them and hope fully this hard effort will give you great returns in terms of enormous traffics.

................................................................................................................

Suggested Reading:

................................................................................................................

All Search Engine Optimization Tips

Submit Site to Popular Search Engines

Page Loading Time Optimization For Faster Loading
How To Get Traffic To Your Site From Blog Commenting

Here are some latest tips that will help you turn Facebook into a traffic driving monster. Give a try and see the difference.

................................................................................................................

Your Facebook Profile Speaks

................................................................................................................

Add enough blogs materials to your profile this includes adding a link in URL, professional bio, likes, activities etc. Update Basic Information, Likes and Interests, Education and Work.

................................................................................................................

Create a Facebook Group

................................................................................................................

Create a group and add as many members as possible. Not only this, write a group description requesting your members to add their friends and families to your group. By doing this you will get a chance to pass direct update to all of your member’s notification at once with out having to type again and again. I have created a group:
"Bloglism: Tutorials To Make Money Online",
"Blog Station: Calling all bloggers together"
"Guinness World Record Breaking Attempt By Adding Friends On Facebook"
You may add yourself to these groups by following their respective links.

................................................................................................................

Add yourself to Facebook groups

................................................................................................................

Same as mention above but in this you have to search for groups of your blogs niche, with large numbers of members already included. Add as many members as possible. I have added myself to 17 Groups that includes members from 15,000 to 1500,000.

................................................................................................................

Create Your Blogs Page

................................................................................................................

This is one of the most important features of Facebook. You can show the popularity of your blog by creating plenty of likes. You will also have an option to look insight once your blog achieves 30 likes. See my blogs page (Basnet Blog) here and don't forget to hit like button.

................................................................................................................

Create events

................................................................................................................

A feature where you can invite your friends families relatives by creating an event, try to make good use of this for your blogs promotion.

................................................................................................................

Write Notes

................................................................................................................

My research shows that writing notes does not work too well when compare with others I have mentioned but what’s wrong in giving a try.

................................................................................................................

Frequent post update Works

................................................................................................................

If you decide to remain online without Facebook updates than you are in a chance to loose audience attraction to your profile or pages. Update your work so that you remain at the top of notification area of your friends and relatives. Try to grasp enough attention to your profile page or your works by frequent posting.

................................................................................................................

You should be active and responsive

................................................................................................................

Try to be very much responsive when some one asks you anything about the niche you are highlighting give them positive feedback who knows they are your loyal readers, if not they might turn into regular visitor after that.

................................................................................................................

Make use of Facebook applications

................................................................................................................

Applications like Networked Blogs have played a vital role in bringing traffic to websites and blogs. If you are unaware about this great application than give it a try, this really works. You can connect me at Networked Blogs Here.

................................................................................................................

Make Use of Facebook ads

................................................................................................................

If you are really serious about diverting visitors to your blog, you should think of Facebook ads. I assure you will get a fruit full results.

................................................................................................................

Other Facebook Traffic Tips and Tips

................................................................................................................

Build network
Post questions
Make use of polls
Let images speak out
Proper Username or URL
But Please, Do Not Spam

This is no rocket science so it will take time to achieve the goal and once it starts doing magic you will never have to look back again in terms of blog traffic generation methods. Till then please be patience, gradually u will see a considerable increase in traffic and more growth with passing of time…

0 POST BACKGROUND COLOR BACKGROUND IMAGE

Different background picture for each post and each post appear in different color background. Do you know that you can have your each blog post displayed in various styles with different background colours or different background images? Yes it’s true you can show individual blog post in colored background or with different image background. Implementing this latest blogger tricks you can make your blog stand unique in various aspects. Let’s say for example, if you accept guest posts and have multiple authors contributing articles to your blog, this proves an easy way to differentiate the post appearance according to individual author. Following this blogger tips you can also make a specific post stand-out among other hundreds and thousands of posts.

Below I have explained very carefully and in plain English. I believe you will enjoy reading this blogger unique trick and work with the codes for giving your blog a unique look.

Each Post in Different Color or Different Background Images.
How to place different background picture for each post?
How to make each post appear in different color?
...............................................................................................................
Instructions to Note
...............................................................................................................

Let me also make you clear that there in no need to back up the template codes of your blog. We will not work with template instead we will go to regular create a new post option in blogger. This blogger hack is done by wrapping your Post content into a "div" element. You can apply these setting to your already published posts too and you may change, remove it at any point of time.

...............................................................................................................

Code for Changing Color of the Post Background in blogger

...............................................................................................................

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Your post content goes here....
</div>

Place the purple code at the end of your blog post.
Replace the part in green with your preferred color hex value.
Place the red part of the code at the beginning of your blogpost.
Make sure you replace the part in green" Your post content goes here...." with the post content.
You can also edit padding, we have added some padding so the text does not move too close of far away from the borders.

...............................................................................................................

Code for placing Background image behind Post in blogger

...............................................................................................................

<div style="background:url(URL ADDRESS OF THE PIC) no-repeat;">
Your post content goes here....
</div>

Place the purple code at the end of your blog post.
Replace the part in green with the URL of the image.
Place the red part of the code at the beginning of your blogpost.
Make sure you replace the part in green" Your post content goes here...." with the post content.
You can also edit no-repeat, we have added no-repeat, so the image does not repeat itself.
If you use repeat you can use small pattern images so that it repeats itself to cover the whole post area.

...............................................................................................................

Here's the Example on How to Place a Code:

...............................................................................................................

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
We bring you the best in blog, blogging tricks and tips. www.basnetblog.com provides an opportunity for bloggers to come together to collaborate, learn and experience a difference. We bring you all tutorials like Earning online, templates hack, Google Adsense tricks, free blog hosting and many more. Hope this guide will help those who are finding the way around, just like me...
</div>

............................................................................................................... 

Suggestions:

...............................................................................................................
Work with the codes in EDIT HTML Post editor.
Save code in template editor in blogger settings for future use.
If you don't want to display background color or background image than you may simply remove the code by deleting the red, green and purple codes from blog post body or settings.

0 BLOGGER ADS CODE CONVERTER ENCODER

This Post Has Currently Moved To Our New Domain

http://www.problogtuts.com

0 TWITTER FOLLOWER WIDGET FOR BLOGGER

Twitter Follower Box or Twitter Fan Box.

This Post Has Currently Moved To Our New Domain:

www.problogtuts.com

1 APPEAR DISAPPEAR BLOGGER NAVBAR AUTOMATIC

Mouse hover effect to Automatically hide and show Blogger’s navbar/ Automatic appearing and disappearing blogger nav bar. Hide and reappear blogger navbar automatically is another great blogger trick we will learn today. Earlier in my post how to Remove Blogger navbar I had talked about removing blogger navigation bar or hiding a nav bar from a blog. But this is very different from earlier trick. In previous trick we learned how to completely disable blogger navbar but in this lesson we will focus on hiding and making it reappear when a mouse is hovered on a particular location of a topnavbar. However if you are not interested in this but simply want bloggers default navigation bar to be removed completely forever or hide it than read the post how to remove the topnavbar in your blogs and if you are interested in showing nav in your blog but not every time than you may learn the trick on how to automatically hide this Blogger’s naavbar and reappear when a mouse hovers.

In this hack blogger nav bar automatically hides which means, it only will show when the cursor passes by the place it’s usually located. So let us start with this latest blogger tips and tricks.

...............................................................................................................

Easy and Simple Removal Steps:

...............................................................................................................

So, how to add banner ads widget/ads gadget in blogger blog. For making this possible log in to your blogs dashboard and select the blog you want to add this trick.

Go to Design > Choose Edit HTML
Click on Expand Widget Templates box

Now search for the following code in your blogs template:

body {

Paste any one of the below given codes whichever is applicable just Before above found code.

...............................................................................................................

New Blogger Templates

...............................................................................................................

#navbar-iframe {

opacity:0.0;

filter:alpha(Opacity=0)

}

#navbar-iframe:hover {

opacity:1.0;

filter:alpha(Opacity=100,FinishedOpacity=100)

}

...............................................................................................................

Classic Blogger Templates

...............................................................................................................

#b-navbar {

opacity:0.0;

filter:alpha(Opacity=0)

}

#b-navbar:hover {

opacity:1.0;

filter:alpha(Opacity=100,FinishedOpacity=100)

}

...............................................................................................................

Suggested Reading:

...............................................................................................................

•   How to remove the default topnavbar from your blogs

0 125x125 IMAGE ADS BANNER FOR BLOGS

125x125 Image Ads Banner Widget/Gadget For Blogs. I hope you have noticed ad spots of different sizes in various blogs. Do you know what the objectives of this ads banner in blog are? If not than let me tell you, this is the famous ads widgets which most of the professional blogs have. This blogger ad widget would prove very helpful for you in designing ads spot in your blog, especially if you are registered as publisher with Buy and Sell Ads including various other advertising companies. You may also opt for direct ads placement in your blog with the help of this widget. I have designed different versions of this blogger banner ads widget/ads gadget. You can easily copy the code and implement in your blog in minutes. Lastly, I would like to inform you that this is the most popular ads widget that include 4 images two at the top and two just below it and I have also noticed that bloggers calls this as 125x125 banner ads for blogger and sometimes random ads widget for blogger which is exactly similar to banner ads gadget 125x125. An unnoticeable difference between these two widgets is that the former is static and another keeps on changing every time a page is reloaded.

...............................................................................................................

Steps to Add Banner Ads Widget/Gadget to Blogger

...............................................................................................................

So, how to add banner ads widget/ads gadget in blogger blog. For making this possible log in to your blogs dashboard and select the blog you want to add this ads widget.

Go to Design > Add Gadget > Html/Javascript

Choose HTML/JavaScript Widget

Paste the below given code inside it.

Save and reload your blog to see the changes.

Click Here To Get Lists of Html Color Codes

<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#000000">
<tbody><tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-1 " height="125"/></a></center></td>

<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-2 " height="125"/></a></center></td></tr>

<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-3 " height="125"/></a></center></td>

<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="RL OF BANNER’S IMAGE-4 " height="125"/></a></center></td>
</tr>
</tbody></table>
<table border="1" bordercolor="#ffffff" cellpadding="2" cellspacing="1" width="269" bgcolor="#000000">
<tbody>
      <tr>
       <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="269" height="29" border="0" alt="AD DESCRIPTION!" src="URL OF BANNER’S IMAGE-5" /></a></center></td>
      </tr>
    </tbody></table>
</div>
</div>

...............................................................................................................

Suggested Reading:

...............................................................................................................

•  Color Code Picker For Blog Designing

• Add Search Box to Blogger Blog

...............................................................................................................

Customizing the codes:

...............................................................................................................

1. Replace  all the colored phrases with the Image banner links provided by Advertisers.
a)URL OF BANNER’S IMAGE-1  URL OF BANNER’S IMAGE-2  
b)URL OF BANNER’S IMAGE-3 URL OF BANNER’S IMAGE-4 
c)URL OF BANNER’S IMAGE-5
 
2. Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.

3. Replace URL OF ADVERTISER with the link provided by advertisers.

4. Replace this color code for changing the background of  the ads widget  ( bgcolor="#000000")

5. If you want to increase the distance between the ad blocks then edit width="265"

Note: Do not change image width and  height.

...............................................................................................................

Download similar ads widgets:

...............................................................................................................
Coming Soon.....

...............................................................................................................

Add Widget to Blogger:

...............................................................................................................

1 3 COLUMNS ROUNDER BLOGGER TEMPLATE

Three column "Rounders Blogger Template Download". Blogger Template Rounders 1, Blogger Template Rounders 2, Blogger Template Rounders 3. After the sweetest success of my previous 2 column Minima Blogger template modified into three columns with left and right sidebar I am giving you another popular template named as Rounders, the old Blogger Template that was launched in 2006. In fact there are 4 different styles of rounded corners style blogger templates Rounders, Rounders 2, Rounders 3, and Rounders 4 created by blogger. Bloggers default template Rounders updated by team blogger comes by default with only two columns, one sidebar to the right, left align header, 740px outer rapper width, 240px sidebar width. But now for professional looks and also high demand of three column blogger templates that came into existence during the year 2006, we work very hard on the Rounders 3 template to transform the original Blogger template into a three column for better performance and great looks. To mention few features of the new design we’ve adding sidebar wrapper to the left side, aligned header to center, gave a fixed width, removed nav bar and many more.

................................................................................................................

Customize Your Blog Templates After You Download
................................................................................................................

Replace Newer, Home, Older Links With Image Button

Create Your Blogs Own Simple Search Engine

................................................................................................................

Download Rounders Blogger Templates Collections
................................................................................................................

Three Column Blogger Template Rounders 1

Three Column Blogger Template Rounders 2

Three Column Blogger Template Rounders 3

2 GOOGLE ADSENSE DISPLAY ADS GET PAID

Do you know that the best way people make money with their blog is by using Google Ad Sense? When compared to other publisher’s programs for me Google Adsense is one of the best income generation machine pushing Buy and Sell ads to second rank in my lists of online money making method. Ad sense is really worthwhile to generate extra revenue just by displaying content related ads on your blog or website and get paid each time someone clicks on your ads. But before writing further first of all let me explain what actually Google Adsense Publishers Program is.

"What is Google AdSense?

The flexible, hassle-free way to earn revenue online.

* Get paid for displaying targeted Google ads on your site. Customize ads to match your site's look and feel.

* Track your success with online reports.

* It's free! With AdSense, you'll pay nothing, spend little time on set-up, and have no maintenance worries".

(You've probably seen ads on blogs that say something like "Ads by Google" which is exactly what I'm talking about here.)

Source: Google Adsense Read More

It is clear that Google Adsense is a free publisher’s program which can help you earn thousands of dollars for displaying targeted ads on a site. The best part about AdSense is that it delivers relevant text and image ads that are precisely targeted to your blog and your site content. You don't need to do anything special and since the ads are so targeted to your visitors, chances of them clicking your ads are much higher. However, if an individual has a greater knowledge of proper ads implementation than he will for sure add extra cash in his pocket. But let me also make you clear that it is not always necessary to own a blog or a website to participate in Google Adsense publishers program. There are several websites online that pays you 100% Ad sense Revenue. You just need to fill details to register your account with these websites and opt for Adsense Revenue Program. Isn't this great idea! By doing this you will not only earn cash but this also helps to cut your bill for getting a host and a domain name for setting up a blog if you are using a paid hosting blog other than free blog like blogger.com. To name few websites Flixya, Xomba, Hub Pages, You Say Too, Weebly are the best sites that helps you to earn money online with Adsense Ads without any need of creating a blog or a website of your own.

................................................................................................................

Getting Started With Google Adsense

................................................................................................................

Ok, enough talk about how cool Google AdSense is. Let's get it done and start making a few bucks!

If you are thinking to create a free blog and apply for Adsense than this link "How To Create A Free Blog" would be helpful for you to generate few cash with no extra setup cost. But if you are looking for a paid, affordable hosting company with 24 hours of support to setup a hassle free blog or a website then I would advice you to check with the plans of  Hostgator and Dreamhost before moving on with other web hosting to set up a blog or website with an Adsense ads implementation.

................................................................................................................

Conclusion

................................................................................................................

I hope this post would prove a resource for you in generating extra cash at $ 0 expenditure on your part. One more thing before you go. Never ever click on your own blog ads because Google is smart enough to know that it's you. If you do this and get caught, you'll have your AdSense account suspended which means no more ad revenue for you and lifetime suspension. Lastly, if you have any queries relating to this post then you can drop a comment below or use our contact form to get in touch. We will try to get back as soon as possible. We are always "Happy to Serve You".

6 BLOG COMMENTING FOR QUALITY BACKLINKS TRAFFIC

Backlinks are always appreciated by Searchengines like Google, Bing, Yahoo, Baidu and many more. If your blog contains a larger amount of backlinks from other high page rank websites or blogs than your blog will be highly profited by this. Read the article on backlinks and pageranks for better idea on the topics and for gaining a backlinks in an ethical way avoiding the penalization from search engines. Today in this tutorial I will highlight on writing a better comment for getting a quality backlinks without getting marked as spam comment.

................................................................................................................

Boost Traffic With Blog Commenting

................................................................................................................

Commenting on other blogs is one of the most powerful methods to boost your credibility and search engine visibility not only this commenting on other blogs also gives a link pointing back to your blog. So if you write a good and spam free comments in blogs of higher pageranks than your blog will earn a quality backlink. Try to comment on a popular blog as far as possible, by doing this you’ll also gain recognition among their audience and an receive immediate spike in traffic. Commenting on other blogs also gives a link pointing back to your blog. So if you write a good and spam free comments in blogs of higher pageranks than your blog will earn a quality backlink.

Blog comments is the important part of the blog that makes blogs interactive. It is obvious that you see the most popular blogs has plenty of interaction between the author of a blog and the visitors making it social. Hence, leaving blog comments allows readers to join in on the conversation about a topic that interests them and this will eventually lead to drive unique traffics to your web page in addition to trackbacks.

................................................................................................................

Things to Avoid While Writing Comments

................................................................................................................

1. Write quality comments. Write a short and positive review of the particular blog you are commenting.

2. Do not try to embed a link of your webpage directly in the body of the comment unless required for any particular reason. Comments moderators or a blog owner may take this as a spam. ( You can get a linkback to your blog even if you wont embed a direct link to make this possible you may read this tutorial.)

3. Use of improper language may also led your comment to be notified as spam or will be thrown in a thrash box. Never use slang words, avoid unrecognizable languages. Remember most of the blogmaster wont accept the comments written in other languages other than the blogs original language.

4. Make sure you write at least 15 to 20 words count while writing a comments. Simply writing 'hello your blog is good', 'I like your blog post' or something similar will put your blog comment in a risk of being unpublished or sometimes even a deletion.

5. Never write bad about the posts or design, instead give a suggestion or a feedback for improvising.

6. Write comments on a blog only if it is of your niche this will prove fruitful to commenter and author.

Avoiding the steps mention above will surely help your comment get published without getting marked as spam and drive enormous quality traffic to your blog.

................................................................................................................

Suggested Reading

................................................................................................................

Optimizing Search Engine For Better Search Visibility

2 ADD NEW SIDEBAR TO BLOGGER TEMPLATE

You might have noticed (if this is not your first visit) in my previous post, a demo and direct download link of Blogger's most popular "Minima Template". Not only this, you will find instructions and several other links that directs you to tutorial page on adding features to the same template. If you are interested in knowing more on how I created this beautiful and very simple two column minima template into three column minima template than you can follow through the steps below. However, you can always download the three column minima template and use it for free any time by clicking the direct download link or download link above. For those visitors who want's to know more about this template customization, you may proceed reading the post on how to convert original bloggers two columns minima templates into three columns with ease. And lastly, before getting deep into the tutorial let me make you clear that the download link I have provided is to those category of bloggers who is not interested in 'know how'. Enjoy the release!

................................................................................................................

Important Step, Don't Ignore

................................................................................................................Make sure that you backup your blogs template before trying out any customization that requires direct modification of the HTML code of your template. If you don't know how to restore or backup your blogs template then I would suggest you to read how to download your blogs template?

Sign into bloggers dashboard, click on design link and after that Edit Html. Click on the expand widgets check box.

Note: Original template codes is in GREEN colour and later added code in RED colour.

................................................................................................................

Steps to Add New Sidebar(Old Interference) 

................................................................................................................

Step1. Log in to Blogger dashboard if not already logged in.
Step2. Now Navigate to Design > Edit HTML

................................................................................................................

Steps to Add New Sidebar(New Interference)

................................................................................................................
Step1. Log in to Blogger dashboard if not already logged in.
Step2. Now Navigate to click down arrow before View Blog Link
Step3.Select Edit Html and click on proceed.

"Directly editing HTML may affect the way some features work and is only recommended for advanced users. Editing template HTML may unpredictably affect other Blogger features.We recommend using the Template Designer first, where you can Add CSS under the Advanced section" 

................................................................................................................

Adding The First Set Of Codes

................................................................................................................

Scroll to the part where you see this:-

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

The original template codes defines only 3 wrappers, namely:-

#outer-wrapper – refers to the Entire Blog

#main-wrapper – refers to the Main Blog Posts

#sidebar-wrapper – refes to the Right sidebar

Now to add another sidebar to the original blogger 2column minima template you have to copy the part of the codes in red just above the below codes in red. Refer to final code result below.

#newsidebar-wrapper {
width: 150px;
float: left;
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 */
}

Final code result: Your template should now read something like this:-

#sidebar-wrapper {

width: 220px;

float: $endSide;

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 {

width: 150px;

float: left;

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 */

}

Save this first step before proceeding further.

................................................................................................................

Adding The Second Set Of Codes

................................................................................................................

Next, adjust the width settings of all the 3wrappers + #newsidebar-wrapper added just now and we also have to fix the left margin of the main wrapper but allow the newsidebar to float to the left, leaving the original sidebar on the right.

#outer-wrapper – refers to the entire blog: 750

#main-wrapper – refers to the main Blog Posts: 410

#sidebar-wrapper – refers to the right sidebar: 150

#newsidebar-wrapper – refers to the LEFT sidebar: 150

Final code result: Your template should now read something like this:-

#outer-wrapper {

width: 750px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

#main-wrapper {

width: 410px;

margin-left: 10px;

float: $startSide;

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 {

width: 150px;

float: $endSide;

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 {

width: 150px;

float: left;

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 */

................................................................................................................

Adding The Third Set Of Codes

................................................................................................................
Scroll to the part where you see this:-

<div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Add this just above the above given code in green.

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

Your template should now read something like this:-

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

<div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

................................................................................................................

Adding The Fourth Set Of Codes

................................................................................................................

Change Width of Header and Footer

#header-wrapper – refers to the entire blog: 750

 #footer-wrapper – refers to the entire blog: 750

Scroll to the part where you see this:-

#header-wrapper {

  width:660px;

And Search This:

#footer {

  width:660px;

Change to This:

#header-wrapper {

  width:750px;

And

#footer {

  width:750px;