Customizing Blogger Template - 2 to 3 coloums

There are thousands of blog templates that we can choose from and apply to our blog. However some of us prefer to arrange our own layout or design according to our need and taste, even though we only have a little knowledge about the html and css code. It is better to learn how to do it our self rather than just use what ever they gave us.

It is not so hard to customize or to change our 2 coloums blog template to 3 coloums if we know the concept and have a bit of knowledge related to html and css coding.

For example, to change a simple 2 coloums minima blog template created by Douglas Bowman to 3 coloums, there are a couple of steps that we have to take.

Step 1:

Determine and decide on our total blog width, (main coloum + 1st side bar coloum + 2nd side bar coloum width).

For example change the total width from 660px to 1020px (i.e., main-wrapper 470px + sidebar-wrapper 300px + newsidebar-wrapper 250px = outer-wrapper 1020px). I change the dimension as above because most of the ads and widgets available usually use those dimensions. Make amendment by editing the template html code.

Before editing the template, you may want to save a copy of it if anything went wrong.

Log in to your blog layout page and edit HTML. Click on the "Download Full Template" to save the existing template to our computer hard disk. In case of anything happened, we can revert it to the original/previous template.

Find the css code of id name "outer-wrapper" between the <head> to </head> segment. [To easily find the spot, hold Ctrl key + F and type "#outer-wrapper" in the pop-up text box].

Do the amendment as the figure above or copy and paste the code below:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1020px;
margin:0 auto;
font: $bodyfont;

#main-wrapper {
width: 470px;
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 */

#sidebar-wrapper {
width: 300px;
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 */

#newsidebar-wrapper {
width: 250px;
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 */

To add the new side bar that we have defined earlier to our template we need to modify the html code which lies between <body> to </body> segment.

Find the html code of id name "sidebar-wrapper" between the <body> to </body> segment. [Once again, to easily find the spot just hold Ctrl key + F and type "id='sidebar-wrapper'" in the pop-up text box]. We need to type in the html code for our newsidebar-wrapper after the code of our sidebar-wrapper as the figure above or copy and paste the code below:

<div id="newsidebar-wrapper">
<b:section class="sidebar" id="newsidebar" preferred="yes">

One more thing that is quite interesting is that the "Add a Gadget" element can be turn on by changing the the "showaddelement" value from "no" to "yes" on our wrappers html code.

For example the "crosscol-wrapper" html code which was created, couldn't be seen on the page element because the "showaddelement" value was set as "no" and now has been changed to "yes" so that we can see it.
Finally, after we have finished amending the template, we may preview and save the template.

If everything is ok, our page element will look like the figure above. Can you spot the different? Yes, there are 3 new items on our page elements. The "crosscol - Add a Gadget", the "main - Add a Gadget" and our "newsidebar - Add a Gadget".

Now we may add new items immediately below the header and also above our post. To make the header and the footer to be the same size as the outer-wrapper, we need to change the width value of both of its to 1020px.

Take your time to try it and good luck.

My post and Shout Box Commentors' Link

As a blogger, I will feel glad and very happy when someone has dropped by my blog or revisited me and leaved me some comments on my posts or at least a short pleasant words or a greeting on my shout box.

Since I am a very busy man, I sometime do not even have time to pay them a visit or surfing around to their site. Then, what I did was, I have to copy and list my visitor's link addresses and save it so that I could visit them later when time permitted.

As an appreciation, here I have their link addresses listed in my post woodworker's way. Each tab will open 10 link addresses of my visitors' blog or website. I will surf and look around for any update.

My friends, I will let you know where your link address is located by leaving you a comment in your shout box when I drop by to your site and for those who has visited me and wanted your link to be listed so that I could visit you later, just shout at me. I will be glad to add your link here as long as your blog doesn't related to gambling, adult content or sex related tips.

By doing this, it will be easier for me to revisit my old and new friends and you also my friends, could make new friends by clicking on any of the tab below. Visit my friends' blog, give a pleasant comment on their posts or shout box and definitely you will be visited by them.

011-020 021-030 031-040 041-050
051-060 061-070 071-080 081-090 091-100
101-110 111-120 121-130 131-140 141-150
151-160 161-170 171-180 181-190 191-200
201-210 211-220 221-230 231-240 241-250
251-260 261-270 271-280 281-290 291-300
301-310 311-320 321-330 331-340 341-350
351-360 361-370 371-380 381-390 391-400
401-410 411-420 421-430431-440441-450

If you hate the idea, please let me know. I will remove your link. If you like it, please bookmark and share or you may copy this post to your blog so that you could make more friend.

How I Get Downlines - The Experiment

You could have the best Website in the world but without visitors, your site is nothing. So how could we get those visitors, especially the unique visitors? The visitors that are looking or searching for something that they are interested in. We need unique visitors to our site if we want to sell products or to earn commission from affiliates or to get downlines.

Unique visitors are measured according to their unique IP addresses, which are like online fingerprints, and unique visitors are counted only once no matter how many times they visit the site. There are some ISPs that use Dynamic Host Configuration Protocol, which use different IPs for every file requested, making one visitor look like many. In this case, a single IP address does not indicate a unique visitor.

As an ex-engineer, I like to do experiments on thing to see the out comes and results. Not because of the money, but for the sake of the knowledge. For me money is not everything. Knowledge comes first and money will follows. If you see banners or ads on my site, its mean that I am experimenting on something. Experiments usually take time to be accomplished. If they didn't work out well, then they will disappear.

What I would like to share with you here is how I get downlines (through my experiments), since downline seems to be so crucial and the most critical issue for marketers and salesmen. Of course there are 1001 ways to do that, but in this post I will try to show you how I get numbers of downline virally through and Paid to Click (PTC) in promoting the site I have experimented with for free.

Here is the proof of my downlines from, a PTC website that I have been experimented with. [To view pictures clearly, right click and open link in a new tab]. Until now I'm still a free member of the and do not intend to upgrade to premium member to get the benefits. Why? Because I do not need that money.

And here are the statistics of the affiliate program of on July, August and September 2009. Please give the attention on the number of unique visitors.

My main purpose is to find ways how I could place my website on the first page of the search engines like google without investing a single cent.

I have registered to as a free member and was given an affiliate link thread that can be used for promoting and to get downlines for commission.

Earlier I have already registered to so that I could use it to promote and expose my sites to the world and of course it's also free. Upon registering, I've named my folder as 'linktoviral'. I was also given an affiliate link thread for promotion purpose.

Human seems to make mistakes. So in my experiment, I intentionally spell the word "" wrongly as "". In other word, the unique visitors that came to my promoted site are the one that are looking or searching for from the google search engine (other search engines didn't seems to work). You may give it a try. Actually, website with the name of doesn't even exist.

Lets start here. I logged in to my account. On the "Cloaking Section" tab under 'Add URL', I have filled the URL part with my clixsense's affiliate link thread. This is compulsory (link thread to the landing page) but the rest is optional. However, I purposely filled the Page Title part with the word "' instead of ''. I have clicked yes on 'Enable credits' and viral bar to be put at the top of the landing page. The rest I just left it blank. However the keyword part was automatically filled with '24761607' by and still can be changed at any time if I wanted to. will create a title page of "" and a cloaked link address of my actual affiliate link's address (i.e.,

Its not finished here. I need to promote the "" so that it will become popular and will be on the first page of the search engines list. On the "Ad Credit Section" tab, I need to manage the Viral Bar Ads, so that my text ads could earn credits.
I have already earned credits simply by enabling the credits option and using my cloaked links. To earn additional credits, I have to add Viralbar Ads to my web pages, blogs etc. The advertiser is charged 0.4 Viralbar Ad Credits for each time one of his text ads are displayed on my web page. Each time that Viralbar Ads are shown on one of my web pages, I will earn 0.2 credits. Earlier I already edit my account by listing in my web page address. If you have more web pages, it will be much better.

On the "Promotion Section" tab, I have used only 3 out of 23 promotional tools listed (i.e., Affiliate link, Text link and Banner link) and promoted its on my websites. I just leaved the other promotional tools as it is. If you would like to use it so as to promote your site quicker, be my guest. You could explore deeper about this system.

Please be advised that this system works like virus, and some of the browsers would blocked the content of the ads. If you couldn't see the ads or banners on my website with "ads by" caption, its mean that your browser has blocked the ads. The rest, I've leaved it to the, virally promoting my site. Out of 500 unique visitors monthly, who had visited my promoted site, about 2% has became my down line.

If you have installed Google Adsense on your sites, please be reminded not to use this method to promote your sites because we have to adhere to their policies regarding invalid clicks and impressions. It stated that, clicks on Google ads must result from genuine user interest. Any method that artificially generates clicks or impressions on your Google ads is strictly prohibited. These prohibited methods include but are not limited to repeated manual clicks or impressions, using robots, automated click and impression generating tools, third-party services that generate clicks or impressions such as paid-to-click, paid-to-surf, autosurf, and click-exchange programs, or any deceptive software. Failure to comply with this policy may lead to your account being disabled.