Hola! While I'm developing my new blog Tet's Food Getaway, 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 ;}
#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. Push command F (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. :)
did the first option! weee. thanks for this helpful post :D
ReplyDeleteHurray! I tried option #1 and it worked well! Thank you for sharing this really! :)
ReplyDeletethanks for sharing this tutorial :)
ReplyDeleteThanks for this! Btw, Congrats on your food blog! Looking forward to your foodgasm posts! :)
ReplyDeleteI was a blogger user before and it helped me used my course in college. Using HTML codes made me realized na "ay may natutunan rin pala ako..." hehehe! But now all my blog are in Wordpress. CSS naman. Alhamdulillah thank God, naka-cope up naman :) Visiting from CommEx 10/30.
ReplyDeletethanks for sharing. the first time I edited my nlog, it was tough.
ReplyDeleteOh nice, Tet! Will try this one out one of these days. :) Thanks for the tip!
ReplyDeleteThanks! When I edit my blog again this will come very handy. :)
ReplyDeleteThis would be really helpful to those who have blogger accounts. Your instructions are easy to understand also that even newbies would not have a hard time trying the options out.
ReplyDeletei bookmarked this page so i can have a reference when i change my blog layout. thanks for the post :)
ReplyDeleteThanks for sharing this!
ReplyDeleteI've tried tips like this but didn't work in my blog. I'm not sure though if they're really the same so I'll give it a shot once again. For now, my title looks like its in the center but actually its not. I just tweaked the size of the header so that it would look like its in the center.
ReplyDeleteInteresting share. more options for the blog titles!
ReplyDeleteOh this is helpful! Thanks for sharing this one :)
ReplyDeletethanks for sharing, this will surely help newbie bloggers..
ReplyDeleteThanks for the tip. :) My blog's only a month old and i need all the help i can get with the design.
ReplyDeleteGreat to have options... although, I might leave this as it is!
ReplyDeleteReally helpful post for someone like me who struggles everytime I feel like changing my blog theme :)
ReplyDeleteThank you! Super easy and worked perfectly!
ReplyDeleteThank you! This was such a help and so easy!
ReplyDeleteLaura x
THANK YOU SOOOO MUCH!!! This was such a help!! Excellent!
ReplyDeleteyou're welcome Lizzie :)
DeleteSuch a small but helpful tip!!!! Thank you so much!
ReplyDeleteThat you so much! This was so helpful! I followed the first one! I surely am no techie and this was SUPER helpful! Thanks! Now I know where I'm coming if I ever need tech help!
ReplyDeletehelpful tip!!!! Thank you so much!
ReplyDeleteThanks! This was a wonderful tip! I love how it cleaned up my blog!
ReplyDeleteit's work! good job! thank you! :D
ReplyDeleteThanks for posting this! #1 worked perfectly!
ReplyDeleteDid the first option and it's work! Thank you so much ! :)
ReplyDeleteThank-you. I fathom why blogger can't help like this.
ReplyDelete;) I CAN'T fathom.....
ReplyDeletethanks friend..helps me a lot...
ReplyDeleteTHANKS A MILLION !!! So easy !!!
ReplyDeleteThank you.
ReplyDeleteWOW thank you for this post! I've tried so many ways recommended by other but I just can't seem to get the HTML stuff to work so I tried the first option, it's a million time easier! Followed you! :)
ReplyDeletepinkresistors.blogspot.com
I love your page, its cute and most of all very educational.
ReplyDeleteI applied the tutorial and it worked!!
http://how2getfbcredits.blogspot.com/
I tried the first option and it worked, thank you so much!!!
ReplyDeletewww.abeautifulmaison.com
Thank you! Super easy to follow directions! =)
ReplyDeleteThank you so much... I just started my blog, trying to figure out how it works.
ReplyDeletehttp://jojolovesbunny.blogspot.com
Thanks! It worked!
ReplyDeleteI was really battling to center the blog title.
ReplyDeleteWith your tutorial it's piece of cake.
Much appreciated :)
Have nice day ^^
thank , I very interested with your article
ReplyDeleteplease read also my article
http://jurussun-tzu.blogspot.com/
best i ever come across.......... thanks dear
ReplyDeleteDid the first option. THANK YOU SO MUCH!
ReplyDeletethank you so much you are indeed a great help!!
ReplyDeletenot working on my blog techproplus.blogspot.in
ReplyDeleteThank you! I used the first option. This really helped.
ReplyDeleteThanks for posting! The first option was so easy! :)
ReplyDeleteAmy Caitlin xo | cloudcaitlin24.blogspot.com
Like all the others: the first option worked. Thanks!
ReplyDeletethe first option worked! Thanks so much :) x
ReplyDeletewww.pillarbox-post.blogspot.com
I did the first option, thank you so much! Very helpful!
ReplyDeletethis is very helpful! thanks!
ReplyDeleteSuerb!!!!!!!!!!!!!!!!!! It encourages me a lot. Thanks to you a lot........
ReplyDeleteSuperb!!!!!!!!!!!! It gives me more encouragement to do more work. Thank you a lot.......
ReplyDeleteThank you so much for this great helpful post!!!
ReplyDeletePlease help me! Last night, I followed the information you provided for option 1 above and my entire header (title, description, etc.) disappeared immediately. Now I have tons of white space above my blog first visible post and there is not title at all. Just the oodles of white space which you have to scroll down through to see my posts. I have had to strip everything down...remove the templates, the third-party background and I still have not been able to fix the problem. I have spent hours trying to correct this. All I wanted was to center my blog title. :(
ReplyDeleteI would appreciate any help you can give. I know very little about working with html or codes and I am at my witt's end.
Amy @ http://www.thegiftedgabber.com/
The first option worked perfectly. Thank you!
ReplyDeleteOH MY GODNESS YES!!!
ReplyDeleteI have been working on an image title and the centering has just perfected it for me thank you!!
So easy brilliant!!
Let me know what you think?
http://www.letstravelthisworldtogether.com/
Thank you so much for this! I tried the first one and it was perfect!
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteI have been searching for a way to do this for the longest! Thank you, it worked like a charm! Now is there any way to change the font style in the blog description which is located under the title? I am using the "simple" template in blogger and it does not have an option to change the font style.
ReplyDeleteThank you so much for this post, it helped.
ReplyDeleteThanks very much. I finally did it after following your 1st option.
ReplyDeleteThis helped sooo much & was so easy & simple!
ReplyDeleteglamgirl029.blogspot.com
perfectinparis.blogspot.com
I used option 1 and it worked a treat. Thanks so much!
ReplyDeleteThis helped a lot since I am new to Blogger. Thank you! :)
ReplyDeleteSo extremely helpful, thank you so much!
ReplyDeletelovely, thanks! Worked for me like a charm.
ReplyDeletewow! thanks so much worked for me
ReplyDeleteThanks, the first one worked!
ReplyDeleteGreat tip! Thanks!
ReplyDeleteYAY great tip! Thanks so much!
ReplyDeleteXO
Hi, #1 worked, #3 did not - that b:skin line was not in the html code. :) just wanted to let you know! Thanks for the tips!
ReplyDeleteangrysistersnatural.blogspot.com
Genius ! Thank you ..
ReplyDeleteIt worked! Thank you very much.
ReplyDeleteIt worked like a charm! Thank you so much for sharing (I did the first option :0)!
ReplyDeleteDid the first one, couldn't have been easier! Thanks so much!
ReplyDeleteIt's 2014 and your tutorial is still working. :D
ReplyDeleteSee it on my blog : http://feedermatrixteaminfinite.blogspot.com
Thank you very much for this.
Team Infinite
thank you very much, your article is so helpful! You're the best! ^^
ReplyDeleteOMG - You are awesome! I tried the first one and it worked perfectly! I have been trying unsuccessfully for about an hour before finding your blog!
ReplyDeleteThank you!!!!
Laura
First Grade Spies
Thank you so much!! I used the first option.
ReplyDeleteI might add, though, to post the code above anything other code already in the CSS box. I pasted it in below everything at first and it didn't work.
the writeress || barefoot in the snow
thanks so much this is so helpful. how can I change the font and size?
ReplyDelete1. log into Blogger and go to Template
Delete2. click Customize > Advanced > Blog Title
3. adjust to preferences :)
|| the writeress || barefoot in the snow ||
Such a helpful post! Thank you so much!! :)
ReplyDeleteFirst option worked great! Thank you so much.
ReplyDeleteWorked on my first attempt! Thanks!
ReplyDeleteThank you SO much for this. It's been driving me crazy for the longest time. I used Step 1. So simple. Thanks again.
ReplyDeleteI used the third option, worked great! Thank you!
ReplyDeletethank you....
ReplyDelete