How to put AdSense ads at the top and bottom of blog articles
Installing Adsense Ads at the top and bottom of the article in my opinion is highly recommended, in addition to increasing Google AdSense income, this type of ad will not disturb the comfort of the reader, and will not cover the content of the articles in it.
Installing AdSense Ads at the Top and Bottom of the Article
Placing ads above and below the article will be better than ads that are located on the sidbar or in the header widget. The placement of advertisements above and below the article is indeed very strategic, because the ad can be seen directly by the reader.
The installation is also fairly easy. But you will be constrained by the placement of the codes. This is because the code <data:post.body/> contained in the template is very much. But take it easy, if you carefully follow this tutorial, you can guarantee that the ads will appear above and below your blog articles.
Installing AdSense Ads Above and Below Blog Article Posts
If you want to see the results, the ad code above and below this article has been applied to this blog. For the way,
1. Login to Blogger.com
2. Select Theme >> Edit Template
3. Then look for the code (Use ctrl + f to find it fast)
<data:post.body/>
If the template contains several codes <data:post.body/>, then look for conditional tag codes such as:
<b:if cond='data:blog.pageType == "item"'>
<div itemprop='description articleBody'><data:post.body/>
But if it's different, please try one by one. In the template that I use, I place it in <data:post.body/> the 3rd
4. If you have found it, for the ad above the article, put the code below right above the code <data:post.body/>
<div class='top.ads'>
<!-- Your Ads Code Here -->
</div><data:post.body/>
For the code <data:post.body/> that is given Green, just ignore it and don't copy it. It's just a sign of laying it down.
To advertise under the article , place the code below just below the code <data:post.body/>
<data:post.body/>
<div class='botom.ads'>
<!-- Your Ads Code Here -->
</div>
So if the two codes are combined, it will look like this
<b:if cond='data:blog.pageType == "item"'>
<div itemprop='description articleBody'><div class='top.ads'>
<!-- Your Ads Code Here -->
</div><data:post.body/>
<div class='botom.ads'>
<!-- Your Ads Code Here -->
</div>
Please change the text marked in red or replace the top and bottom of the article with your adsense ad code. I recommend using responsive ads for ads above and below the article.
5. In order for the appearance and location to look neat and pleasing to the reader, then add the code below right above the code </head>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.botom.ads{margin:20px auto 0 auto}
.top.ads{margin:20px auto}
</style>
</b:if>
6. Then, Save the Theme.
To see the results first, please create a blank post without any text, just create a title. If there is free space for the ad, then you have successfully placed an ad above and below the article (as long as the ad code has been inserted). If there is still no free space, please check the placement of the code again.
Those are the tips from fixiw about How to Install AdSense Ads Above and Below Blog Articles. Hopefully it can be applied to your blog. And thank you for visiting.
Post a Comment