How to align post Title in Blogger

Posted in Blogger, Blogging, Featured, Tricks, Tutorial | 15 comments

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!
BloggerGeeze.com
Make money online by starting a blog.
Free Blogger Templates, Tutorials, Tips, Tricks and add-ons for blogs that are using the Blogger platform.
  • http://jmcautomotiveequipment.com/Air-Compressors-c4.html air compressor

    Thank you for the information

  • http://sleephacks.org Sleephacks

    Worked like a charm. Good info.

  • http://www.supporters.dk/ Server Hosting

    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.

    • http://www.samsunggalaxy-s2.com Galaxys2

      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!

  • http://multifilesearch.com/ Mp3 Search

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

  • http://www.woodentoddlertoys.com/kiwoca.html kids world carpets

    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.

  • http://www.stopdrinking.com Adjone Robin

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

  • http://cooljokessms.blogspot.com Sweet Text Messages

    Wonderful trick thanks

  • http://muthupress.blogspot.com/ Healthy Recipes

    Yes, its really worthy

  • http://www.actiondays.co.uk/family-fun-days.htm clay pigeon shooting clubs

    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?

  • http://www.hollman-alu.nl Aluminium Kozijnen

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

  • http://hanoiparadisehotel.com Hanoi Hotel

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

  • http://www.onlineshop-shoes.com Basketball Shoes

    Nice theme thanks a lot for the sharing….

  • http://www.saarinews.com/ www.saarinews.com

    nice articles

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