Get ideas & inspirations delivered to your inbox. You won't want to miss a thing, so subscribe free to the Blog Feed or sign up for Free Email Updates on the latest projects, shop news, blog tutorials & more. Check out the Project Gallery, Garden, Recipes & Inspirations tabs above, to see what you have missed. Browse through the sidebar for this week's Popular Posts!
**Please note: Some links may be broken, if this happens, please search for the title of a post on the search tab on the right while I work on fixing the problem.---->

How to Customize your Blog Post Title

How to Customize your Blog Post Title

How to Center you Post Title on blogger
If you are looking to center your blog post title on blogger, 
you  must first sign into your dashboard.
Once you are on your dashboard, click the Template tab ont he left of your screen.
Now click on the Edit HTML tab under your small avatar.
The HTML box will pop open.
Before you continue, make sure that you save your template to your computer
in the case that anything goes wrong , you will have it backed up.
Now that you are on the Edit template page, you need to search for:

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}

*For a quick search, click (Ctrl +F)
You will see on the top right corner the search box, 
type in .post h3{ and it should take you there.
Now under the 

.post h3 { 
 , add: text align: center:

It should look like this:

.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;

}


Preview before saving to make sure it worked, if it worked then save it.
If it did not, you may have a customized template and need further search.
Click (Ctrl +F) and  type in posts
You will be taken to the Posts part of your html template code.

Scroll slowly and look for h3.post-title, h4 {
add  text align: center: under it and preview your work. If it worked save it.

If neither works, you have to ask your template designer if it is a custom design for assistance.

How to Align Left or Right your Post Title on blogger
If you are looking to move your title to the left or right of your post, then add  
text align: left: for left
 text align: right: for right
instead of the center alignment.

For more blog tutorials click here.

2 comments :

  1. Hi I tried what you said but it didn't work. I found the "h3.post-title, h4 {" and under it I put the " text align: center: " but when I clicked preview the title is still on the left. What should I do Please help! Thanks!

    ReplyDelete
    Replies
    1. Do you have two or more of (h3.post-title, h4 {)? I know that I do.
      What I did was, I pasted it under one first and previewed it, if it didn't work, I undid it & I tried it on the next one (h3.post-title, h4).
      I tried each one until I saw it centered on preview. Once I saw it on preview the way I wanted it, I saved it.
      Make sure that you save your template before making any changes, that way you can always go back to your original design.

      Delete

Thank you for adding your thoughts. I read all of your comments and I reply to all one way or another, mostly by email or on your blog. You brighten up my day & for that I thank you.

Related Posts Plugin for WordPress, Blogger...
Pin It button on image hover