How To Align Center Blog Title in Blogger

Hello Bloggers! While I'm developing my new blog Pinoy Blogger Tips and Tricks | Tutorials, I came across several problems or should I say issues on setting the blog up. I forgot how to center the blog title like what I did in here. I visited different tech sites to achieve the perfect answer to my question. I found out that there's more answer to my question and I just chose the best one that fits for my blog.

I listed several steps on how to do it one by one. Try to pick one that will suit in your blog. 



FIRST OPTION
(this is for the new blogger interface)
1. Log in to your blogger account
2. Click Template.
3. Go to your Customize > Advanced > Add CSS
4. Add this code:
#header-inner img {margin: 0 auto !important;}#header-inner {text-align: Center ;}
5. Click Apply to blog
6. Enjoy!


SECOND OPTION
1. Log in to your blogger account
2. Click Template
3. Go to Edit HTML
4. Use (CTRL + F) and find this: 
#header-inner {text-align: left ;} --- (or whatever "left" may say)
5. Then change left to center
#header-inner {text-align: Center ;}
6. Save template
7. Enjoy! :)

THIRD OPTION
1. Go to Dashboard > Template > Edit HTML.
2. Look for ]]></b:skin> line in your HTML code
3. Add this code right before it
#header-inner {background-position: center !important; width: 100% !important;}
4. Save template
5. Enjoy! :)

Currently, these are just some of the ways that you can use. The first one works really fine with me. Instead of editing the html, it's safer adding the CSS snippet. Just remember to download template first and back up your file just in case you'll use the last two options in case their will be a mistake.


I cannot guarantee the 2nd and 3rd option since I've only done the first one. I added it here in case it would work out on your case my dear readers.  


I hope this helps. I would appreciate your comments if it works on your blog.

No comments:

Post a Comment