How to align post Title in Blogger

blogger_logoIf you are working with WordPress, it can be very easy for you to make a custom template for your blog according to your needs. However, if your blog is on Blogger, customizing the template of your blog can be a bit tricky. Most content management systems allow the user to change the design to some extent, according to their needs. Blogger also allows you to do that, and this article discusses how you can align the Post Title to the left, centre or right. However, before you go about changing the code of your site, it is a good idea to take a full backup in case something goes wrong.

When you log in to your account, you will see an option to change the Design of your blog under Dashboard. The full path to changing the HTML code for your blog can be found at:
Dashborad >> Design >> Edit HTML
Once you follow the path, you will reach an HTML editor which will allow you to make changes to your template.
Aligning the Post Title to Center
If you want to center align the post title, you will need to search for .post h3 (You can do this quickly by using the shortcut keys ctrl + F)
The code will look something like this:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
If you are familiar with CSS, you will understand this piece of code better. Now all you need to do is to define the text alignment:

.post h3 {
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
Aligning the Post Title to Left
To simply move the post title towards the left, use text-align:left; instead of text-align:center; in the code above.
Aligning the Post Title to Right
Similarly, to move the post title towards the right, use text-align:right; instead of text-align:center; in the code above.
You can also change the font size, font weight and other attributes such as the padding, margin, line height and color for your heading by editing values accordingly. However, please note that the code can vary from template to template.
Author Bio:
Richard Jacobs is a chief editor since early 2007, and he currently works for MyDUIattorney. A website that helps you to find the right DUI lawyer, you can search for a New Jersey DUI Lawyer or for Maryland DUI Attorney online, anytime!

15 Comments

  1. Thank you for the information

  2. Worked like a charm. Good info.

  3. Word press blog is very user friendly and have many features to change the display view according to user needs like text alignment, color and themes. It’s the best platform to post blog.

    • I fully agree! Though from time to time I still struggle with some of the basics… which is my own fault ofcourse – that’s why these posts are so helpfull!

  4. I will try it at my Blogspot mirror.
    Thank’s for info !

  5. I’ve always preferred WordPress because it’s easier and it offers more customization options. But thanks to these tips, I’ll give Blogspot a go. These look like great workarounds.

  6. Thanks for the tip. I was wondering how to do this

  7. Wonderful trick thanks

  8. Yes, its really worthy

  9. I’m very bad with html codes and i wanted to change my post background and side bar (which is plain white). Here’s my url: august-in-acoustic.blogspot.Com, viewing it might help. I know that the field that should be edited is somewhere below but i can’t figure out where. I really want to get rid of the white background. Help me please?

  10. Yeah i agree this.. Easily we can navigate that positions.. Thanks for this..

  11. thank for this tip. i try to do and its really worthly

  12. Nice theme thanks a lot for the sharing….

  13. nice articles

    i have changed it on http://www.saarinews.com