How to Center Adsense Ads on Blogger

w7r.blogspot.com

The concept applies to any blog.

The Directions

1. Get on Blogger and click the "Template" tab.
2. Click the button labeled "Edit HTML" and then click the "Proceed" button to reach the source code for your blog.
3. At the top of your source code there will be a bar with a unchecked box that says "Expand Widget Templates". Check that box! You cannot find the code you need to alter without expanding the widget templates.
4. With the "Expand Widget Templates" checked the source code below is even more in depth than it was before! (now it is showing additional code for widgets)
   
   Press Ctrl + F or manually open the Find module for your internet browser.
5. In the Find moodule's text area, type adCode and press Enter to search the page for the Adsense code. It will look similar to the code below
   
   <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <data:adCode/> </b:if> <b:include name='quickedit'/>
6. Now insert <center> before and </center> after .
7. Click the Preview button to make sure the change was made (and did not have any unwanted side effects). Click the Save template button and close your template if the preview passed inspection.

All we did was replace <data:adCode/> with <center><data:adCode/></center> which can be undone at any time in the template source code.