Skip to content Skip to sidebar Skip to footer

How to Install Adsense Ads in the Middle of Blogger Posts

How to Install Adsense Ads in the Middle of Blogger Posts

Hello friends, how are you all, hopefully in good health always, in this review the admin will share a tutorial on how to place Adsense ads in the middle of Blogger posts.

Because until now it turns out that Blogger still doesn’t provide a feature to put Adsense ads in the middle of posts, so here the admin will help share the method.

Of course, placing an ad in the middle of the post will really help increase your Adsense income. Because ads will have a great opportunity for visitors to see when they are reading articles.

Well, for those of you who want to know how, just take a look at the following review.

How to Place Ads in the Middle of Blogger Posts

The method of placing ads in the middle of Blogger posts in this tutorial uses a script that can embed the ad code right in the middle of the post.

Before starting to apply the method, it would be better if you first backup / back up the theme so that when you are confused you can restore it to its original state. If you are ready, just follow the steps below.

1. First of all, please enter Blogger, then select menu Theme > Edit HTML.
2. Once open, please search for the script jQuery which is in the . If it already exists, then you can skip this step. But if not, then you can install the following code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>

3. Next, look for the code in your Blogger theme then replace it with the following code.

<div id="PostBody">   <data:post.body/></div><div id="AdCode">   <div style="margin:20px 0;text-align:center;clear:both;">     <!-- Kode Iklan Adsense Disini -->   </div></div>

In Blogger templates there are usually 2 or 3 codes , so you have to figure out which one is correct and should be replaced. Generally, code 2nd from is the right code for you to replace. Then, also make sure you put the Adsense ad code in the middle of the script that is already available.

4. Then, please look for it then put the following code right above it.

<b:if cond='data:blog.pageType == &quot;item&quot;'><script> $AdCode = $("#AdCode").html(); $("#PostBody br:eq(3)").replaceWith($AdCode); $("#AdCode").remove();</script></b:if>

Make sure you also know what type of code is the limiter in each paragraph of your blog article. Usually, the post paragraph delimiter code is
but many also use

.

When your blog’s barrier
then just leave the code above, but if

means you have to change br:eq Becomes p:eq in the script above. Then, for the numbers in the br:eq(3) it indicates that the ad code will be placed after the 3rd paragraph. So you just need to adjust the paragraph to how many times you want to insert the ad.

5. When everything is done, click the icon Save to save changes. Please check your blog, and the ad taraaat will appear in the middle of the post.

How? Easy isn’t it, that way you can already display Adsense ads in the middle of Blogger posts. Actually, in addition to the method above, we can also place an ad in the middle of the post using the Auto Ads Adsense feature.

It’s just that, Auto Ads sometimes puts up ads that are quite messy and even worse, too many ads will only lower the quality of our blog pages.

If that’s enough admin reviews this time about how to place Adsense ads in the middle of Blogger posts. May be useful.