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!