Embedding Google Adsense Ad below Blogger post title, it’s all mean to make more money online because it increases Click Through Rate (CTR) and Cost Per Click (CPC) Revenue. Google Adsense Ads is cookie-based contextual advertising networks that show relevant ads to the readers and content. It is one of the primary choices of every beginner and pro blogger for website monetization.
More useful posts:
- Ways to Recover the Deleted Blog Post on Blogspot.
- How to Embed PDF and other Document Files in Blogger Blog Posts.
- Create and Publish Blog Posts from the MS Word to Popular Blogging Platforms.
- 10 BlogSpot Layout Customizations for an Attractive and Pro Blog.
Webmaster and bloggers try a number of ad placements on their website or blog to get the maximum results in CTR and CPC. However, all other unnecessary ads placement are worthless.
There are only a few ads placement recommended by Google Adsense to increase Adsense earning and today we are sharing one of them.
While browsing other blogs you follow, you might have seen Adsense ad unit embedded just below the post title in most of the blogs. Generally, pro bloggers insert the Adsense ad below post title because this is one of the most exposure place and best area to get more clicks in order to generate more money online.
Add Google Adsense Ad Below Post Title
Well, in this post, I’ll show you how to show Google Adsense ads below post title in BlogSpot blog. But, before you follow the below process to add Adsense ad below the blog title, it is needed to parse Adsense code.
Yes, the default Adsense code is not compatible with blogger template, hence you will need to convert Google AdSense ad code so that you can use it in your blogger templates.
If you use the default Google Adsense ad code directly in your blogger template, the ads won’t appear. So, the Adsense ad code requires to change the special characters into the corresponding HTML entities.
Convert Google Adsense Ad Code for Blogger Compatibility
Following are the steps to convert the default Adsense code into blogger compatible.
- Go to Google Adsense and copy the ad code in either 300*250 or 468*60 ad size.
- Visit the Adsense ad code converter page to parse the code.
- Once you get your parsed code, it will be ready to put Adsense ad below post title in blogger. Now, follow the below steps.
How to Insert Adsense Ad Code Below the Blogger Post Title?
Follow the step-by-step instruction to add Adsense below the blog post.
1. Log in to Blogger => Go to Template => Click on Edit HTML.
It is recommended to take a backup of your blog template before proceeding.
2. Search for <div class=’post-header’> or <div class=’post-header-line-1’/> by pressing Ctrl + F.
3. Now use the below code with your converter Adsense code right below any of the searched tag. If you want to show the ad above the post title, paste the code just above the searched tag. Or else, paste it below the searched tag to display Adsense ad below blogger post title.
<b:if cond='data:blog.pageType == "item"'> PLACE PARSED/CONVERTED GOOGLE ADSENSE AD CODE HERE </b:if>
4. Once you did, just click the Save template button.
Note: The above code allows the ads to appear on blog posts only. If you want to show ads on all web pages (blog posts and pages), use your parsed code without using the above code.
Setting Up the Alignment for Ads
The above code will show the ads on the left side. If you want to show the ads at the right side or at center, then use below code:
<b:if cond='data:blog.pageType == "item"'> <div align="center"> PLACE YOUR AD CODE HERE </div> </b:if>
To float the Adsense ads in the right side or left side, use below code. It will wrap content text around Google Adsense ads.
<b:if cond='data:blog.pageType == "item"'> <div style="float:left; margin:10px;"> PLACE YOUR AD CODE HERE </div> </b:if>
Just replace left with the right to show Google Adsense ad on the right side wrapped with text.
Here was what you all needed to do to put Google Adsense ad below post title in blogger blogs. If you like the post, consider sharing this article on your social networking profiles. Unable to add Adsense ad below blogger post title? Post your comments below for the help.
Was the post helpful? Hit the below "Subscribe" button to receive FREE real-time updates directly on your device, each time we add a new story.