If you are not yet using an header banner for your Blogger blog, you can still make the title and description of your blog to appear in the middle of your header by adding some piece of code to your blog html. In this tutorial, a Video tutorial is also included to show you how to get it done.
How To Get Started
==> If you are still using the old Blogger dashboard, you can log in to your blogger dashboard and switch to the new blogger dashboard so you can easily follow this tutorial.
Log in to your Blogger dashboard
Click on "Template" (on the right hand side menu). You will see something similar to the picture below:
Click on the "Customize" button. This will open up the "Template Designer"
On the left menu, you will see "Advanced", Click on it.
A new menu will appear by the right. Scroll down till you see"Add CSS". Click on it.
A box will appear by the right hand side. Copy and paste the code below in it
Click "Apply to Blog" by the top right hand corner.
If you view your blog, the title and description should now be at the center of your blog header as seen in the picture below:
That's all.
NOTE: If you downloaded a third party template that is not compatible with template designer,
==> go to Template > Edit HTML > Proceed
==> use CTRL F to find ]]></b:skin>
==> right above it, paste the alignment code in the post above.
==> Save the template and view your blog.
Below is a video tutorial that explains how to centralize your Blogger Title and Description:
I hope this helps.....
Cheers
How To Get Started
==> If you are still using the old Blogger dashboard, you can log in to your blogger dashboard and switch to the new blogger dashboard so you can easily follow this tutorial.
Log in to your Blogger dashboard
Click on "Template" (on the right hand side menu). You will see something similar to the picture below:
Click on the "Customize" button. This will open up the "Template Designer"
On the left menu, you will see "Advanced", Click on it.
A new menu will appear by the right. Scroll down till you see"Add CSS". Click on it.
A box will appear by the right hand side. Copy and paste the code below in it
.Header h1, .Header .description{
text-align:center;
}
Click "Apply to Blog" by the top right hand corner.
If you view your blog, the title and description should now be at the center of your blog header as seen in the picture below:
That's all.
NOTE: If you downloaded a third party template that is not compatible with template designer,
==> go to Template > Edit HTML > Proceed
==> use CTRL F to find ]]></b:skin>
==> right above it, paste the alignment code in the post above.
==> Save the template and view your blog.
Below is a video tutorial that explains how to centralize your Blogger Title and Description:
I hope this helps.....
Cheers
Thanks so much for this. The Short video tutorial is really helpful. I hope you share more of this videos bro.
ReplyDeleteGlad it helped. Yes, I hope to do more of video tutorials. Thanks for the comment.
Delete@jide,does google adsense disables account if using stumble upon.do they frawn on using stumble.pls reply
ReplyDeleteI have not read such in the Adsense TOS.
DeleteIt did not work for me.. am using the awesome inc template
ReplyDeleteGod bless you Jide for this, it took me months before I could get this, until I search google and click on your website that explains better. How can I make adverts center alignment too, please? You're such a genius and a God sent!
ReplyDeleteJust tried this and it worked beautifully. Thanks, man!
ReplyDeleteTanx..it worked
ReplyDeleteSo greatful, it works for me.
ReplyDeletevisit my blog http://www.pejuliciouz.blogspot.com
Easy blogger tweak, thanks
ReplyDeleteThank you for this, it worked perfectly!
ReplyDeleteThanks bro. It works, this the first time of touching the CSS part on my template, Kudos #ogbonge master ;)
ReplyDeleteThanks bro. It really worked.
ReplyDeleteThanks it worked. But can i add more than one css code. And how???
ReplyDeleteVictoreke.blogspot.com
Nice work, ,it works well
ReplyDeletewow it really works for me visit my blog www.adubyte.blogspot.com
ReplyDeleteTahnks it woeksworks
ReplyDeletetanks man
ReplyDeleteThank man. It helps.
ReplyDeletethanks it worked for me, my blog is toptechhub.blogspot.com
ReplyDeleteIt helped, Thank you so much :)
ReplyDeleteyaaaaaaay it worked for me,youpy!!!
ReplyDeleteWow! This is awesome. It works. Thanks.
ReplyDelete