Center The Position Of Google Adsense Advertisement In Blogger

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.




DISCLAIMER
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 sign
   
   
   
   
   
2. Click 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>
   
   #AdSense2 { text-align:center; }
   
   See the example below to ease your comprehension
   
   
   
   
   
7. Click to save the code I had implemented.

The Outcomes

Sources

1. http://www.southernspeakers.net/2011/02/centering-blogger-adsense.html