Learn how to centralise all your blog stuff like header, post titles etc
Goodday guys,
our tutorial today is quite simple but I guess it's useful,
if you notice waplordcrib post titles you will see its at the center (see screenshot below)
Today I'll be teaching you how to centralise anything and everything about your Blogger blog
How to center your blog header image
How to center your Header’s Title and Description (text):
How to center your Post Titles:
How to center your Post Dates:
How to center your Gadget Titles:
How to center your Sidebars:
How to center your Tabs (menu):
Don’t forget to click Apply To Blog. And, you’re done!
Make sure you leave a comment if it works for you OR if you had any problem on it
our tutorial today is quite simple but I guess it's useful,
if you notice waplordcrib post titles you will see its at the center (see screenshot below)
Today I'll be teaching you how to centralise anything and everything about your Blogger blog
How to center your blog header image
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
#header-inner img {margin: 0 auto;}
How to center your Header’s Title and Description (text):
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
#header-inner {text-align: center;}
How to center your Post Titles:
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
.post-title {text-align:center;}
How to center your Post Dates:
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
.date-header {text-align:center;}
How to center your Gadget Titles:
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 {text-align: center;}
How to center your Sidebars:
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
.main-inner .column-left-inner, .main-inner .column-right-inner {text-align: center;}
How to center your Tabs (menu):
- Log in to your Blogger blog, go to Template > Customize > Advanced > Add Css, then insert this code
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Don’t forget to click Apply To Blog. And, you’re done!
Make sure you leave a comment if it works for you OR if you had any problem on it

About author
I love it
ReplyDeleteThanks bro
Delete