How To Centre Page Elements On Blogger

If uve been blogging for a while you would agree with me that your page element look better when centered on you blog / website.
 Today am going to teach you how to center page elements in on a blogger hosted blog.



1. How to Center , Your Header Content.

To do this simply go to template setting, select the Customise Template  this will take you to the customised layout view, the go to the Advanced Settings, under advanced setting, scroll down to Add CSS option, click on it and then paste the following code inside the box.

 #header-inner{text-align:center;}


 2. How to center your Tab elements 

Tab elements are the element that contain the links to your various static pages, they also kinda look cooler when centered on your page, "Atleast in my opinion".
To centre tab elements, simply follow the same steps as you did for the Header Content and then paste the following lines of code.

.tabs-inner .PageList li a{border:0px;}

.PageList {text-align:center !important;}


3. How to center page elements  below Page header e.g Ads & Images

Assuming you want to center ads placed just below your header area, or generally directly between yiu header and footer area follow the steps below

select the blog you wish to edit, go to page layout option on the left side of your screen select it and then click on "Add Gadget" option, select html/ java script from the list and then paste the following with your ads code, or what ever type of html code you wish to center on you blog.

<div id="google-1" class="custom">

paste ad code within

<center></center> </div>
  
That would be all for today post, i hope ive been able to answer someones question about how page elements are centered on blogger, please if you have any questions, feel free to drop drop it in the comment box.

Thank You

Please Leave a Comment Below!