Knowledge is good only if it is shared. As a new blogger, I had learned to change the Web template, and found out the tips, tricks, hacks, and tweaks of altering the Blogger template, customizing CSS, widgets, layout, blog design, inserting JavaScripts, HTML codes, Google AdSense, and other settings the hard way, through many trials and errors. For the purposes of this guide, I had started with the old Blogger “Minima” template. As I made the changes or learned something new, I had documented them. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change. Hope this guide will help those who are finding the way around, just like me.

Search Tips for New Bloggers

We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Oct 7, 2007

Digg This Story

Three Columns Thisaway Template (I)

We have polled readers to find out what Blogger templates they are using so that we can roll out articles pertaining to their templates, such as our 3 column template guides to add another sidebar and convert their existing Blogger templates from two columns to three columns. We have posted the conversion tutorials for the popular templates – Minima, Rounders, Denim, Dots, Scribe and Sand Dollar. In this article, we shall give you a step by step guide to insert a third column into the Thisaway family of templates.

Each Thisaway template has a different set of background images. We have redone and created new images, and so as not to confuse readers, we shall deal with the change and modification for each type of Thisaway template. If you are using Thisaway or Thisaway Blue, follow the guides here. If your template is Thisaway Green or Thisaway Rose, look at the tutorial in the second part of this article Three Columns Thisaway Template (II).

If you are not sure what your template is, under Template -> Edit HTML, look for the “Blogger Template Style” Name. If it says “Thisaway”, you can follow this guide to customize your template.

For other templates, please refer to our articles and guides on:-
1. Three Columns Denim Template;
2. Three Columns Dots Template;
3. Three Columns Minima Template;
4. Three Columns Rounders Template;
5. Three Columns Rounders 2 Template;
6. Three Columns Rounders 3 Template;
7. Three Columns Rounders 4 Template;
8. Three Columns Sand Dollar Template;
9. Three Columns Scribe Template.

Note: Some sites offer free three-column templates for download. If you are starting a new blog, you may look up these sites and use their templates. However, if you have an existing blog and merely want to expand the template to include another column, our guides would be helpful. What we do is to take the standard Blogger templates and show you how to add a new sidebar. This approach gives you total control over the changes, and if you have bookmarked this page, you can revisit it in future should you want to reverse the changes. It is also a safer method, since there could be a few out there who may introduce malicious scripts or blog virus into their customized templates without you knowing.


Before you begin to do anything, remember to backup your template. Go to Template -> Edit HTML. Click the “Download Full Template” link to save a copy of your template.



Thisaway Template

The final three-column Thisaway template should look like this:-

Three Columns Thisaway Template (I)

After you have backed up the current template, scroll to these lines in the template code:-

/* global
-------------- */
body {
margin: 0;
text-align: center;
min-width: 760px;
background: #ce8b43 url(http://www.blogblog.com/thisaway/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #f7e8d8;
border-right: 6px solid #f7e8d8;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
-------------- */
#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway/bg_header_bottom.gif) no-repeat left bottom;
}

#header {
background: #634320 url(http://www.blogblog.com/thisaway/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 760px;
background: #f7f0e9 url(http://www.blogblog.com/thisaway/bg_main_wrapper.gif) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
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 */
}

#main {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #f7e8d8;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0e0ce;
background-color: #f5ede4;
}

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 269px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y 179px 0;
}

#sidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://www.blogblog.com/thisaway/bg_footer_top.gif) no-repeat left top;
clear: both;
}

#footer {
background: #493015 url(http://www.blogblog.com/thisaway/bg_footer.gif) repeat-x left top;
text-align: center;
min-height: 2em;
}



Change, amend or insert the portions (shown in red):-

/* global
-------------- */
body {
margin: 0;
text-align: center;
min-width: 987px;
background: #ce8b43 url(http://www.blogblog.com/thisaway/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #f7e8d8;
border-right: 6px solid #f7e8d8;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
-------------- */
#outer-wrapper {
margin: 0 auto;
width: 987px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/ty/bg_header_bottom_2.gif) no-repeat left bottom;
}

#header {
background: #634320 url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/ty/bg_header_2.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 987px;
background: #f7f0e9 url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/ty/bg_main_wrapper_2.gif) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
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 */
}

#main {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #f7e8d8;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0e0ce;
background-color: #f5ede4;
}

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 247px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y 159px 0;
}

#sidebar .widget {
margin-bottom: 20px;
}

#newsidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
width: 247px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y 159px 0;
}

#newsidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/ty/bg_footer_top_2.gif) no-repeat left top;
clear: both;
}

#footer {
background: #493015 url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/ty/bg_footer_2.gif) repeat-x left top;
text-align: center;
min-height: 2em;
}



We have done up new background images to accommodate the new widths. The widths of the sidebars are slightly reduced.

Scroll down to these lines:-

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}


Change them to this:-

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar,
body#layout #newsidebar {
padding: 0;
}


Further down the template, look for this and add the lines (shown in red):-

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

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>


This places your Profile in the left sidebar. This can be removed later. Now, “Preview” the template to view the changes and if see the new sidebar nicely aligned, click “Save Template”. Remove the Profile if you don't want it there by going back to Template -> Page Elements and removing the Profile widget. Refresh your Blog to see your new Three Column Thisaway layout!

Thisaway Blue Template

The final three-column Thisaway Blue Template should look like this:-

Three Columns Thisaway Template (I)

After you have backed up the current template, scroll to these lines in the template code:-

/* global
-------------- */
body {
margin: 0;
text-align: center;
min-width: 760px;
background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #d8e7f78;
border-right: 6px solid #d8e7f7;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
-------------- */
#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat left bottom;
}

#header {
background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 760px;
background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/bg_main_wrapper.gif) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
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 */
}

#main {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #d8e7f7;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #cedef0;
background-color: #e4ecf5;
}

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 269px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y 179px 0;
}

#sidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://www.blogblog.com/thisaway_blue/bg_footer_top.gif) no-repeat left top;
clear: both;
}

#footer {
background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top;
text-align: center;
min-height: 2em;
}


Change, amend or insert the portions (shown in red):-

/* global
-------------- */
body {
margin: 0;
text-align: center;
min-width: 987px;
background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #d8e7f78;
border-right: 6px solid #d8e7f7;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}

/* layout
-------------- */
#outer-wrapper {
margin: 0 auto;
width: 987px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/tyb/bg_header_bottom_2.gif) no-repeat left bottom;
}

#header {
background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 987px;
background: #f7f0e9 url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/tyb/bg_main_wrapper_2.gif) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
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 */
}

#main {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #d8e7f7;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #cedef0;
background-color: #e4ecf5;
}

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 247px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y 159px 0;
}

#sidebar .widget {
margin-bottom: 20px;
}

#newsidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
width: 247px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
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 {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y 159px 0;
}

#newsidebar .widget {
margin-bottom: 20px;
}

#footer-wrapper {
padding-top: 15px;
background: url(http://i191.photobucket.com/albums/z76/tipsfornewbloggers/tyb/bg_footer_top_2.gif) no-repeat left top;
clear: both;
}

#footer {
background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top;
text-align: center;
min-height: 2em;
}



We have done up new background images to accommodate the new widths. The widths of the sidebars are slightly reduced.

Scroll down to these lines:-

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}


Change them to this:-

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar,
body#layout #newsidebar {
padding: 0;
}


Further down the template, look for this and add the lines (shown in red):-

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

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>


This places your Profile in the left sidebar. This can be removed later. Now, “Preview” the template to view the changes and if see the new sidebar nicely aligned, click “Save Template”. Remove the Profile if you don't want it there by going back to Template -> Page Elements and removing the Profile widget. Refresh your Blog to see your new Three Column Thisaway Blue layout!

Align Header Title and Description

The Header title and description in the Thisaway and Thisaway Blue templates are aligned to the left. To adjust them to the center or a fixed position in the Header, read the guidelines at Header Image and Title Alignment (II).

This article continues at Three Columns Thisaway Template (II). If you want to insert a second sidebar into the Thisaway Green or Thisaway Rose templates, follow our tutorials there.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

61 comments:

Jos said...

This is a very good post. It gave me a much better understanding of the template. I managed to create this 3 column blog from a rounders-3 template in less than an hour, and the change to 3 columns itself only took about 10 minutes, thanks to your clear instructions. Thank you and kind regards,
-Jos:)

vninfo said...

Help me
Can you send your theme to me ?

I verry like your blog and your blog theme


Soon write to me
Email :vnfreeweb@gmail.com or
Yahoo :giot_nang_trong_dem117

Thanks

bizwhiz said...

Hi vninfo

If you are asking about the template we are using for this site, it is the Minima Template.

drraman said...

hi bizwhiz very nice blog....i want to ask how add that moving text like u added in recent updates....plz tell me.....thanx in advance!

bizwhiz said...

Hi drraman

The scrolling text article is titled Scrolling Text - Marquee HTML Code.

BlogmasterPg said...

Hi, Bizwhiz; that's one of your best post ever. Very useful and important for all bloggers. XHTML is very important and we can say that the future of web is now. I'd like to know what is the best Template to give ad-Sense revenue. My experience takes an answer: the 2 columns templates, where to blgging is on right and most little column is on left, as my Canzoni Italiane - Italian Song Blog. It will be a very good thing if many bloggers saids theirs experience. I have question about feedburner. I use the version where you can see only the first 200 words for post; but the sitemap takes error about ALL comments!!! I don't know what do it. I'd like you take me a tip...

free for all said...

hi, i have three columns dot template
the two sidebars are in right with 200px width i want add another sidebar above these two sidebars with width 300px how? i tried to add sidebar with the same way explained here but the new sidebar position is in the pottem of page how i can control the position

please anyone have the answer in my blog comment area
thanks for all

Seasons said...

Hi
I just mentioned your website in my blog
http://compiledblogs.blogspot.com/
If you have the link to a bigger banner please let me know :)

-Seasons

Tammy said...

How about the code for making TicTac three columns? :) I would greatly appreciate it!!!!

www.bostonfoodandwhine.blogspot.com

Jeannet Snow said...

hii man

u r doing a very good job, ur posts are really very usefull. will u kind to visit my blog The Celebrity Blogs
I cud not change the blogger default color dark blueto the posts background color #c94093. Plese help.

PS: I have added a back link to ur site.

Shubham ~NeO~ said...

Sir , Just Love Ur Blog , I'm a regular reader of it and subscribed it on Google reader .

Want a serious help from u . I recently updated my template but it showed slow loading time . I tweaked it a bit by removing HTML images and all and time improved but still it is quite slow . I knw the theme is heavy , but still if u can tweak it for me would be gr8 . Pls help me out ...

I can mail u my XML , if u agree ... Waiting in anticipation .

My Blog : http://techix.blogspot.com

wildcatsthree said...

Hi,
You don't know me, but I've visited your blog about 20 times in the past 3 weeks since I discovered it. I was too busy copying and pasting text to my blogs to leave a comment then, but you have helped me enormously make my blogs what I wanted them to be. I have tried other tutorials and sometimes they work and sometimes they don't. Yours are excellent!
I have given you an award and it can be picked up at my newest blog
http://blog.werelivingwell.com/
Thank you again and Happy New Year!
Chris

Martina said...

Hi Bizwhiz! Thank you for sharing these info! Can you help me? I'm using minima lefty template and I'd like to change the dotted line between posts with a divider picture bar but I cannot find the directions anywhere...
thanks
Martina

Anonymous said...

I was trying to find a post like this which can help me in making blogspot blog better and attractive. This is a nice blog with great posts.

thanks a lot

website design india

She said...

Hi, thanks for the help with Blogger. I have my own WordPress Blog but I just got a new Blogspot blog. Today I used the tutorial on how to put a Digg button on your post. Thanks again.

adhie said...

I really like your blog because it's really works for me..and I would like to change my template into three column thisaway blue..but unfortunately your tutorial code page were cutted at the rightside so I can't read the missing part..

Rani Dababneh said...

thanx :)
this is useful .. the best thing that u prepared the Background images with the new width and uploaded them!
thanx again :)

EdwardDupre.com said...

Excellent work. Very useful information, thanks.

La Libertad said...

Hi, I have an album at this website and I saw that some users are adding videos, but when I try to upload mine I get an error, because it only allows to upload 2 megas and my video has 15 megas. Is there an other way to do that?
Thanks.
Ah, my albun is this: http://fotos.delalibertad.com/main.php/usuarios/Juan/

Becki Dickinson said...

Thank you thank you thank you. I've been looking for a site like yours for weeks. So well written and easy to comprehend.
Have fun on your extended vacation.
Best Regards,
Becki

Anonymous said...

plz help
i want to add label within labels means......
suppose i have 3 labels video, images,profiles
then further in all these labels i want different labels of actress
plz post as soon as possible

Anonymous said...

I m new to blogging
plz tell
i want to add three labels
suppose 1.video 2. profile 3.pics
then in all this i want to add labels like
video-a(2)
b(3)

profile-d(4)
f(7)

pics -s(3)
q(3)
i want this type of layout

Mary said...

Is there a free on-line CSS editor where you can make these changes in the template and "see" if they have been done correctly?

I use Practicewriter, Real-time HTML Editor and HTML test code eBay on-line sites to test templates I create for eBay listings. I just thought there might be something for this CSS stuff....

Thanks!

~Mary~

Yurtdisi Egitim said...

do you know any other information about this subject in other languages?

Anonymous said...

Is it possible

i have three-column Thisaway Blue Template and it's nice i just wanted my blog to be more wide is it possible if u can tell me how i can increase my sidebar width and middle bar also to fit my browser or lets say to maximum width

My Blog http://dr-mohamad.blogspot.com/

Dr mohammad said...

hey i posted a question last night about my blog why i can see it here ? i need some help with my site pls

ankita said...

Hello,
I am very great fan of this blog from the time I started blogging.Can I add u in my blogroll...plz help me

suresh said...

Your blog is simply wonderful.
I myself used it for my
http://abapprogramming.blogspot.com
blog to adjust adsence adds after title and it make magic for me.
A big thank you once again and keep the good work going.

gammerth said...

Thanks.

Berryblitz said...

Great tip. I have always wanted to make my template with 2 sidebars.

Now I have 3 columns on my blob.

Jasko said...

I just wanted to say thanks. This blog is the first one which tips and instructions actually work - finally I have made a progress using yours and yours only tactics. Thanks so much for sharing.

Wilson Cheah said...

i can't find the part 'body,sidebar' that part where you're supposed to add something to it. can you help please? i can't find 'page tweaks....'

fereshteh said...

WOWWWWWWWWW thank u veryyyy much :-)
would u plz do me a favour?
here is my blog address: http://phoenix.association.blogspot.com
and my e-mail address is: fereshteh_1985@yahoo.com

i don't know how to put the art, biography & ect. buttons on the left side slide....

Ronald Villapaz said...

Is there a good site template that will help us to attain a good SEO? Also a well designed sitemaps that you can suggest. Thanks

We need this for us to help our agents here.

You are welcome to visit us.Thanks!

Richard Butler said...

I have been creating Webpages for quite some time but honestly speaking, I do not know what it differs. I am merely creating pages based from free templates online and I admit that I am not knowledgable in making websites.. Thanks for this post!

Paintworkz Web Design said...

Hi,
thanks for this post it is really very interesting to go through the entire post.
Good Work

dcloud said...

Excellent tips and a whole bunch of other cool goodies - linked! Thanks :)

Robert Woods said...

Great post. I am very new to blogging and your post helped me understand the workings of the template.

B.E. Earl said...

I know this is an older post, but if I change my Thisaway Blue template to make it three columns will I have to add new items in the second sidebar using HTML or will I be able to use the "new" blogger layout feature? Thanks in advance.

Marevan said...

I was able to change my Thisaway template in 3 colums thanks to your help. But now when I change color of the text in the sidebar, only the right one change, the left (new one) doesn't change.
Also, parto of my right sidebar (the top) has a color and the rest of it and the left one have another one. Why that ?? Thanks if you can help me

StockFanatic said...

To whom it may concern,

Hi, i enjoy reading your blog and i have followed closely your tutorial to make my blog better.
However, i have a problem here. I changed colour on both my sidebars.
It seems the content and the 2 side bars don't align at the bottom. Maybe you would like to take a look at my blog @ www.stockfanatic.blogspot.com.
Thank you for your help!!!!

David said...

Hey,
Thanks for sharing the list of info. Its really means alot for me. :0
Cheers,
Quickbook Softwared

PALS said...

Thanks for the information. I have just finished reading my html book and was surprised by the new xml and html combination.

Tags names can be changed in xhtml and blogger has b: widget, b: includable and alot more of new modified tags.

Thanks
Charles
Money Making and Blogging TIps

Voucher Codes said...

You have really done a appreciable job.

Personality said...

Hey i am very happy after going through all your pages. It helpmed me a lot. Thanks for all your posts. Please keep updating your blog. I will add your blog in my blogroll. Please visit my blogs also and add me into your blogroll

jakabanda said...

this the real blog, thanks...

AumJa24 said...

thank you

STRAIGHTALK said...

cool place great stuff too..

http://www.straightalk.biz

http://www.straightalk.biz/designs

Fashion_Girl22 said...

Hi,
I was wondering if there possibl was a code that I san use so, my posts can be resied to fit to the readers screen? I've searched everywhere and can't find a thing to help. :(

geld lenen said...

Ah! this blog is sooo awesome! I check this blog every now and then to improve my blogs. Keep up the good work!

make money online said...

Great post i really learned alot thanks

fauzan said...

help me
i dont understand to make recent comments in my side bar.
i have create but... i still confuse

ozant
fauzan.syukri291@ymail.com

Manger of Boston Bruin Fights said...

I would like to thank you so much for sharing your knowledge with new bloggers like me.

If you don't mind, I would like to tell you about my blogging story.

I started on blogger about a year ago, because I wanted to create a website without having to buy a domain name.

I have made several blogs since, but none of them have been successfull. I think that I created over 35 blogs maybe, and they never caught the spark that I have gotten with Boston Bruin Fights.

I have no idea how I found your blog, but without it, Bruin Fights would never be what it is today.

With everything from registering my site on search engines, to editing HTML, Tips For New Bloggers has changed my life.

Now, Bruin Fights is number one on Google's search list.

I'm sorry for waisting your time if you read this (I know you have lots of things to do), but I just wanted you to know how much Tips For New Bloggers has meant to me.

Thank You So Much,

-Manager of Boston Bruin Fights
http://bruinfights.blogspot.com/

P.S.
If I could ask one more thing of you it would be this:
How can I get an email that is part of my site?

In Example:
myemail@bruinfights.blogspot.com

Thanks Once Again

helpfulltips said...

helpful tips and Very useful and important for all bloggers. XHTML is very important and we can say that the future of web is now.I managed to create health related site you must like it

I. Caballer said...

I have the standard two-column Thisaway template and I just want to stretch it to fit the screen, not add a third column. How do I do that?

Thanks for your help!!

Shabbar Suterwala - Helping People to see the best in themselves said...

Hello,

This is very informative and insightful blog. I too wish to improve my page rank of my blog. Can you suggest some tips.

My blog http://leaders-workshop.blogspot.com/ is PR2 and http://shabbarsuterwala.blogspot.com/ is PR3

pls do update me on shabbarsuterwala@gmail.com

Thanks and REgards
Shabbar

frizzy said...

Thanks for the good posting. Please visit mine when you have a time...

Cheers, frizzy.

sagar said...

good tips on blogger but the homepage is made lenghtier. You must have tried inserting "read more" link...

Sharon Wilson said...

This speaks it all for new bloggers. Its still a great detailed guide for those who would like to know the professional way of blogging.

Seeing You Soar & Shine in 2009
Sharon Wilson www.coachingfromspirit.com

Laptop Notebook Computers said...

I am searching how to improve my blog and seen this in Blogging Fusion - blog directory. Very nice post! The tips are very useful. Tweeted this blog.

Krish said...

Hi Blogger,

I really love your effort... Congratulations for getting PageRank 6.
I use to read your posting when i get time...
I already bookmarked your blog in my system.

Thanks and Appreciate You..