.

How To Centralize Ads Added Using Adsense Gadget

Without knowing how to make your widgets to appear in the center of your blog header or sidebars, your blog might look scattered and unprofessional. I have stumbled on so many blogs where I notice Adsense ads not well centered, hence the need for this tutorial.


If you apply the trick I shared when I explained how to center Ad dynamo ads in blog header, you will be able to do same for your Google Adsense ads provided you added the ad code to your blog's header or sidebar using the Blogger HTML/Javascript gadget. The trick will not work if you used the Adsense gadget.

To make Adsense ads added with Adsense gadget to appear in the center of your blog header or sidebars, follow the steps below:

==> Log in to your blogger dashboard
==> Go to "Layout" and click the "edit" link of the Adsense widget you want to reposition
==> Get the widget ID (eg AdSense7) from the URL bar as seen in the screenshot below and take note of it.

adsense-widget



Note: In this sample screenshot above, it is AdSense7 and not Adsense7 (Capital letter "S")

==> Go to "Template" > "Customize" > "Advanced" > "Add CSS". Click on it.

==> A box will appear by the right hand side. Copy and paste the code below in it

#AdSense7 {
text-align:center;
}

==> Click "Apply to Blog" by the top right hand corner.

If you view your blog, the Google ad should now be at the center of your blog header or sidebar.

If you have more than one of such ads that you want to reposition, you can use the format below:

#AdSense7, #AdSense3 {
text-align:center;
}
That's all.

NOTE: If your template is not compatible with the Template designer, go to "template" > "Edit HTML" and paste the code directly above the  ]]></b:skin>


I hope this helps.

You might be interested in: How To Centralize Title and Description of Blogger Blog.

Cheers!

3 comments:

  1. George9/30/2013

    Really helpful but can I also use the trick to centralize Addynamo ads?

    ReplyDelete
    Replies
    1. You can if you get the widgetID of the Ad dynamo ad but that's a long process. Since you can only add Addynamo ads using HTML?Javascript gadget, just add <center> at the top of the code and </center> at the end of the ad code. I referenced the tutorial in this post.

      Delete
  2. Anonymous3/03/2014

    Please Jide, is it only Google Adsense Ads code i can insert into my blog html for it to show below post tittle? If No, then which other Ads code can i insert into it for it to show below post tittle? Thanks

    ReplyDelete

We love to hear from you!

If your comment is unrelated to this post, please use our Contact page.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

THANKS.