Saturday, August 11, 2012

Add CSS Code TO Center Blogspot Header Title and Description

You are welcome to CitiGist, please follows the steps below to center your blog header title,description and Google Adsense Banner.

STEP ONE: Login to blogger.com Dashboard
STEP TWO: Click on Design
STEP THREE: Click on TemplateDesigner
STEP FOUR: Click on Advance
STEP FIVE: Click on Add
css--->
Step SIX: Copy and Add the set of code below into the Empty box and press Enter
.Header h1,.Header .description{
text-align:center;
STEP SEVEN: Click on Apply to blog
HOW TO CENTER GOOGLE ADSENSE BANNER ON YOUR BLOGSPOT HEADER
Now that you have been able to center your blog header title and description, it’s time to center your Google adsense banner to make the whole thing look good.
To center your Google adsense banner follow the step below.
Go To
  1. Design and click on Edit HTML.
  2. Please before you start ensure you download your template into your computer and save it.
  3. Click on Expand Widget Templates  
  4. Find the line of CODE A below, copy and remove it and then replace it with the line of CODE B and SAVE YOUR TEMPLATE  you are done.
…………………………………………………………. CODE A
<b:widget
id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
……………………………………….. CODE B
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div align='center' class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>
Try it, Now!
Please help add CitiGist to your Blog roll.
Thanks and remain bless.

2 comments:

Anonymous said...

Thanks very much for this info. I have been trying to this for a while but all to no avail. I have now been able to centre my blog title/description following the steps above. Thanks again.
...and I've added this site to my blog list. Wouldn't mind if you add my blog to your list too. Thanks

Anonymous said...

It works! Thanks :)