Center The Position Of Google Adsense Advertisement In Blogger

Thursday, June 21, 2012

It is quite long time I has not post any article that related to blog design. But, today I want to share my humble idea to all of you. The idea is about HOW TO RELOCATE THE GOOGLE ADSENSE ADVERTISEMENT FROM THE LEFT SIDE TO THE CENTER OF THE BLOG.  

The process to center the ads position will involve using the Cascading Style Sheets (CSS) programming.

Google AdSense

Please be informed, this procedures had been done based on my blog template. I SHOULD NOT BE responsible if any harm happen to yours during following my procedures. Please backup your blog template before doing any modification on it.

Before The Procedures

  1. Sign in to blogger dashboard.

  2. It is become the must-do procedures to backup the blog template before you make any modification on its program code.

The Procedures

At this stage, I had signed in to my blogger dashboard and had performed the backup process on my blog template.

Now, I want to center my Google AdSense advertisement which located on the sidebar widget of my blog. For the purpose of that, I followed the steps below:

  1. Click Design –-> click Edit HTML –-> under template editor, click the check box Expand Widget Templates to show right sign sign


  2. Click CtrlF to activate the blogger Find toolbar like below


  3. Now, I want to find a piece of XML code that represent my Google AdSense advertisement on the sidebar widget of my blog.

    One tip that I used was to find out the widget’s title, which is very close to the advertisement. In the case of my blog is Popular Posts widget.


    So, in the text box of Find toolbar, type Popular Posts –-> click Next


  4. You will be redirected to a piece of XML code that represent the  Popular Posts widget. See below


    The Google AdSense advertisement widget (inside the blue box) is above the Popular Posts widget. Based on above, you will notice the Google AdSense Advertisement widget using the ID selector named AdSense2.

  5. So, now it is the time for Cascading Style Sheet (CSS) programming. In the find toolbar, type ]]></b:skin> –-> click Next


  6. Copy the code below and paste it above the code ]]></b:skin>

    See the example below to ease your comprehension


  7. Click Capture to save the code I had implemented.

The Outcomes





{ cara membesarkan } at: June 22, 2012 at 12:25 PM said...

postingan yang bagus

{ Admin } at: July 7, 2012 at 12:29 PM said...

Right on Right on! This is how to do it! Great!

{ Admin } at: July 7, 2012 at 12:31 PM said...

Absolute Best way to position adsense ads in the new Blogger Template 2012!

{ Stories trending Now } at: September 6, 2012 at 6:25 AM said...

Thanks Bro for the Article,
But Please can I add the Adsense at the center side area under the post title instead of it being at the left side area for blogspot blog

{ Zainal Abidin } at: September 6, 2012 at 9:45 AM said...

hello Stories trending Now... can do it....and you can use various methods to center the position of google adsense ads in your blog...depend on the code of google adsense ads that your blog have...

Eg: If the code of google ads come in form of sidebar-widget code (same like the code which we discuss in this article) you can use CSS programming to center the ads...

for my google ads under the post title, I use the HTML tag DIV ALIGN="CENTER"... I use it before the first line of the google ads code like below...

<script type="text/javascript"><!--

{ Alicia Rades } at: November 25, 2012 at 3:49 AM said...

Awesome. Thanks!

Post a Comment

Related Posts Plugin for WordPress, Blogger...