How to show AdSense Ads in the body of blogger blogs
Learn how to add custom sized AdSense Ad units in the middle of the body of blogs hosted on Blogger. Find step by step directions to add custom size AdSense ads to your blog.
A couple of days ago, Google announced custom sized AdSense Ad units to the public. I have been using custom sized ads for a while as a premium AdSense feature for a while and was not very impressed with the results. However, the results can vary from blog to blog and if you really want to try it in your blogger, read further.
In this article, I am demonstrating 2 things:
1. How to place a custom sized AdSense ad unit as a widget by editing the layout
2. How to insert an ad unit in the middle of the content (in the body), by directly editing the html of the post.
As of now, Blogger does not offer any built-in widgets that allow you to use custom sized AdSense ads in your blog. Currently, your best option is to generate custom sized AdSense ad code directly from AdSense website and then insert it to your blog layout using HTML/JavaScript widget.
See step by step instructions to use custom size AdSense ad units:
1. Login to your AdSense account.
2. Go to "My Ads" tab, click on "Create new ad unit" and create a new ad unit using the size "Custom ad size". Generate the ad code and save it in a notepad file.
3. Login to your Blogger account and open your blog
4. Click on "Layout"
5. Identify the place where you want to place the ad unit. Click on "Add a Gadget" for the appropriate place.
6. Look for the widget named "HTML/JavaScript". Click on it to select and add it to your layout. (Do not use the widget named "AdSense" since that doesn't allow custom sizes yet).
6. The Html/JavaScript widget will open in a popup window. Copy and paste the AdSense ad code which you generated using the custom size option to the content area of the widget editor.
7. Click on "Save" in the widget editor.
8. Click on "Save Arrangement" in the layout editor page of your blog.
9. Click on "View blog".
If your ad code is just generated, it may take 5 to 15 minutes before it starts showing real ads. So, patiently wait for the custom sized AdSense ads to show up in your blog. I am sure that eventually the AdSense widget will be enhanced to support custom sized ads without having to manually insert AdSense code in your blog layout.How to insert custom size AdSense ads in the body of the blog posts
The above approach shows how to insert ads to the layout, which will be applied to all pages of your blog. If you like to insert custom size AdSense Ads within the body, you can follow a similar approach. In this case, you will have to manually insert the ad code in each blog post by editing the page in HTML mode and inserting the code within the content.
Follow the steps below:
1. Edit the blog post you want to insert the ad into.
2. Click on "HTML" so that you can see the raw html of your post.
3. Copy and paste the AdSense ad code from your AdSense account to an appropriate place within the content of the post. Carefully select the place to insert the AdSense script and make sure you do not break any html in the content.
4. Update the post and view it to make sure your ad appears in the right place where you wanted it to.
Screenshot showing AdSense ads in the body of blog
The above screenshot shows a demo page I setup to experiment with the custom AdSense ads in blogger blogs
This approach is ideal if you like your Ad to appear at various locations within the body of the blog posts. If you prefer the ad to be a in a fixed location like under the title, at the end of the body etc, then you can edit the template itself and insert the script in the template, so that you don't have to repeat this for each and every post.
Read our AdSense Tips to increase your revenue from Google AdSense program.
Read How to get placement targeted AdSense Ads for your blog
Adsense code inserted within the body does not work in blogger blogs. You have to do that through template editing only.