Tips for New Bloggers: Three Columns Thisaway Template (I)

Knowledge is good only if it is shared. As a new blogger, I have 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 have started with the new “Minima” template. As I make the changes or learn something new, I shall document 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.

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

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

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>

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!

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:); October 11, 2007 at 4:39 AM
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; October 18, 2007 at 11:45 AM
bizwhiz said...: Hi vninfo

If you are asking about the template we are using for this site, it is the Minima Template.; October 19, 2007 at 11:23 AM
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!; October 20, 2007 at 2:38 AM
bizwhiz said...: Hi drraman

The scrolling text article is titled Scrolling Text - Marquee HTML Code.; October 20, 2007 at 8:46 AM
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...; October 23, 2007 at 9:23 PM
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; November 26, 2007 at 11:38 AM
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; November 30, 2007 at 8:43 PM
Tammy said...: How about the code for making TicTac three columns? :) I would greatly appreciate it!!!!

www.bostonfoodandwhine.blogspot.com; December 4, 2007 at 4:17 PM
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.; December 10, 2007 at 3:37 AM
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; January 4, 2008 at 10:46 AM
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; January 5, 2008 at 10:42 AM
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; January 6, 2008 at 7:22 AM
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; January 16, 2008 at 1:01 AM
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.; January 28, 2008 at 11:14 PM
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..; January 31, 2008 at 11:44 AM
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 :); February 1, 2008 at 12:25 PM
EdwardDupre.com said...: Excellent work. Very useful information, thanks.; February 11, 2008 at 11:52 PM
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/; February 17, 2008 at 10:36 PM
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; March 2, 2008 at 1:00 AM
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; March 3, 2008 at 12:43 PM
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; March 3, 2008 at 12:59 PM
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~; March 4, 2008 at 9:48 AM
Yurtdisi Egitim said...: do you know any other information about this subject in other languages?; March 7, 2008 at 11:42 AM
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/; March 9, 2008 at 6:40 AM
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; March 10, 2008 at 3:41 PM
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; March 18, 2008 at 12:34 AM
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.; April 1, 2008 at 12:33 PM
gammerth said...: Thanks.; April 5, 2008 at 3:13 AM
Berryblitz said...: Great tip. I have always wanted to make my template with 2 sidebars.

Now I have 3 columns on my blob.; April 6, 2008 at 1:18 AM
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.; April 11, 2008 at 3:13 PM
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....'; April 13, 2008 at 4:57 AM
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....; April 27, 2008 at 11:59 AM
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!; April 29, 2008 at 6:47 PM
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!; May 5, 2008 at 5:42 AM
Paintworkz Web Design said...: Hi,
thanks for this post it is really very interesting to go through the entire post.
Good Work; May 12, 2008 at 3:23 AM
dcloud said...: Excellent tips and a whole bunch of other cool goodies - linked! Thanks :); May 16, 2008 at 7:42 AM
Robert Woods said...: Great post. I am very new to blogging and your post helped me understand the workings of the template.; May 30, 2008 at 6:50 PM
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.; June 11, 2008 at 11:16 AM
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; June 15, 2008 at 4:09 PM
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!!!!; July 3, 2008 at 9:41 AM
David said...: Hey,
Thanks for sharing the list of info. Its really means alot for me. :0
Cheers,
Quickbook Softwared; July 14, 2008 at 2:24 AM
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; August 12, 2008 at 9:37 AM
Voucher Codes said...: You have really done a appreciable job.; August 19, 2008 at 1:36 AM
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; August 22, 2008 at 6:41 AM
jakabanda said...: this the real blog, thanks...; August 27, 2008 at 11:02 AM
AumJa24 said...: thank you; August 30, 2008 at 7:46 PM
STRAIGHTALK said...: cool place great stuff too..

http://www.straightalk.biz

http://www.straightalk.biz/designs; September 26, 2008 at 9:38 AM
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. :(; October 12, 2008 at 12:00 PM
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!; October 12, 2008 at 4:27 PM
make money online said...: Great post i really learned alot thanks; October 27, 2008 at 9:50 AM
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; October 28, 2008 at 12:47 PM
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; November 28, 2008 at 6:22 PM
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; November 29, 2008 at 5:43 AM
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!!; December 16, 2008 at 12:52 AM
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; January 3, 2009 at 6:34 AM
frizzy said...: Thanks for the good posting. Please visit mine when you have a time...

Cheers, frizzy.; January 28, 2009 at 9:59 AM
sagar said...: good tips on blogger but the homepage is made lenghtier. You must have tried inserting "read more" link...; February 6, 2009 at 12:41 PM
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; February 24, 2009 at 4:28 AM
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.; March 11, 2009 at 7:15 AM
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..; March 12, 2009 at 8:06 AM

I have something to say ...

Tips for New Bloggers

My Blogs

Associate Blogs

Feeds and Bookmarks

Message Board

What template are you using?

Vote and Rate Us

Blog Directories

Link to This Site

Recent Posts

Recent Comments

Recent Updates

Oct 7, 2007

Three Columns Thisaway Template (I)

61 comments:

Translation by Google

General

Header

Blog Posts

Sidebar

Links and Labels

Footer

Publicity

AdSense

Templates

Blogger FAQ

Categories