Tuesday, June 12, 2007

How To Change The Text Alignment For The Blog Header’s Title And Description

Suppose the text alignment of the blog’s header (for blog’s title and description) is center. However, you prefer the text alignment for the blog’s title and description to be left-aligned, instead of centered-aligned.

Here are the steps to change the text alignment of the header:

1) Log in to Blogger. In the Dashboard, click “Layout” and it will bring you to “Template” tab. Then click “Edit HTML”. This will open the template editor window.

2) Please remember that every time before you make any changes to the template, save a copy of your original codes first. In case there is something wrong, you can get back your original template again. (Read this post in case you are not sure how to back up your template: How To Backup Your Blogger Template Codes).

3) Find the following codes in the template editor:
(You can simply click Ctrl+F for find the keyword#header” in the codes to have a faster search).

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


4) Change “text-align: center” into “text-align: left”.
So, the codes should be as follow after the change:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}


5) To see the effect of the changed codes, click “Preview” button at the bottom of box (always do this first before saving it). If the result looks fine, save the codes by clicking “Save” button.


You might be interested in the following topics:

* How To Add A New Page Element (For Adsense Ads or Image / Picture) In Blog Header Of Blogger Templates

* How To Add A New Page Element (For Adsense Ads/Link Unit, Google Search Bar, or Text) At The Top Of The Main Column (Blog Posts) Of Blogger Templates

* How To Add A Backgound Image / Picture To Your Blogger’s Header

* Some Tips To Solve Problems in New Blogger

* How To Change The Width Of The Blogger Templates