Center header, post title and gadgets in blogger

Center header, post title and gadgets in blogger

In blogger blog you will fill that the most of the elements like header , post title etc are left aligned and there is no such option in customization to change there alignment to either center or right. I have seen lots of the user who prefer center aligned header , post title , gadgets etc in there blog but end up with the left aligned elements as they know nothing about the CSS. Cascading style sheet (CSS) can be very useful for changing all the aspect of a html web page like alignment, color , position etc.


There is also a property text-align in CSS which can change the alignment of a element according to the user need. So, in this article i will share step by step instruction on how you can center header , post title and gadgets in your blog.

  • How to center header in blogger ?
Step 1: Go to blogger > Theme > Edit html and search for </head>

Step 2: Paste below codes above </head> to center the header or blog title of your blog.

<style>
#header {text-align:center;}
</style>

  • How to center post title in blogger ?
Step 1: Go to blogger > Theme > Edit html and search for </head>

Step 2: Paste below codes above </head> to center post title of your blog.

<style>
.post-title{text-align:center;}
</style>

  • How to center gadgets in blogger ?
Step 1: Go to blogger > Theme > Edit html and search for </head>

Step 2: Paste below codes above </head> to center gadgets of your blog.

<style>
h2 {text-align:center;}
</style>

1 comment: