Friday, December 10, 2010

Repositioning Blogger Title and Description

As per request from a blog reader (Leigh), here's a tutorial on how you can reposition your Blogger's title and description. This is a short and quick one.



Repositioning Blogger Title:

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.titlewrapper{
position: relative;
top: 10px;
left: 130px;
}
Changing the top-attribute's value will adjust the title's vertical position. Changing the left-attribute's value will adjust the title's horizontal position. And yes, you can use negative values, for example:
.titlewrapper{
position: relative;
top: -10px;
left: -30px;
}
To align your title to either left, right or center, you don't have to use the above code, as you can directly use the code below:
.titlewrapper{
text-align: center;
}
You can change the attribute value from 'center' to 'right', 'left' or 'justify'.

Repositioning Blogger Description:

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog. 
.descriptionwrapper{
position: relative;
top: -60px;
left: 440px;
}

Similarly, to align your description, use the code below instead:
.descriptionwrapper{
text-align: center;
}
Easy right? Have fun!

Elm0D

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Navigate» Become author for this Blog

Manual Categories