10.07.2008

How do I move the text for my header title and description?

You CAN move the text written on your header around. The catch--you have to go into the dreaded html code to do it. However, we have tried to make it easy in this tutorial so have at it!

To move your title:
1. Sign into your blogger account, go to your blog, and click on the Layout tab.
2. In this tab, click on the edit html link.
3. Scroll through the crazy coding until you see this:
#header-inner {
4. Under this section is where the placement of your blog title is found. To move your title left or right, you must change the word auto to any number of pixels.

Example: to make the left margin wider (moves text to the right) you might type something like this: margin-left: 200px;

Always Preview before saving your changes!

To move your blog description:
1. Sign into your blogger account, go to your blog, and click on the Layout tab.
2. In this tab, click on the edit html link.
3. Scroll through the crazy coding until you see this:
#header .description {
4. Under this section is where the placement of your blog description is found. You will need to type the following under this heading:
margin-left: 0px;

Example: You can move your description left or right by changing the "0" to a higher or lower number.
margin-left: 100px;

Always preview before saving changes!

1 comment:

Junaid said...

Great! I have done it. Check out my blog. It's really working.
Regards
Consistent Blogger