How to add ads between posts in Blogger

Nitin Walthare
0

How to add ads between posts in Blogger

In this article, I tell you how to add ads between posts in Blogger.

Inserting ads between posts in bloggers is time-consuming for busy bloggers especially when your blog has more than 1000+ posts. 

Blogger platform is designed and developed by Google. Blogger platform gives very limited features and it does not have any feature to insert ads between the post. Therefore, I tell you how to add in article ads in Blogger. In wordpress, there are lots of plugins available to insert ads between posts.

Don't worry about it, I give you the simplest method to add ads between the posts in Blogger. You need to add some code to your HTML theme and you can place adsense ads in middle of the post in blogger.

Placing ads between posts in Blogger is so important because it increases the engagement of users with ads, there may be chances of increasing your click-through rate and earning.

Lots of bloggers are worried about Click through rate. Placing Ads in right place is so important to increase CTR. No one can see ads in the Header, Sidebar, and Footer of your website. The readers are interested in your article. Therefore placing ads in between posts is important to increase earning.

How to add ads between posts in Blogger:

Important - Before making any changes to the theme, take a backup of the Blogger theme.


How to Make Backup of Blogger theme:

1.Login to your blogger dashboard and click on the "Theme" section.
2.Click on the drop-down arrow near the "Customize" button.
3.Click on the "Backup" option and then click on the "Download" button.
4.Your Backup file is downloaded successfully in the drive.

Download Blogger Theme Backup


Step 1: Check whether your theme has jquery code or not below the <head> code. If not, then paste the following jquery code in your theme below <head> tag.

[<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>]

Finding jquery code in blogger is not that difficult. Just click on the Edit HTML button on Blogger Theme Section. Click anywhere on the theme and press CTRL+F. Type jquery in the search box and press enter. If code with jquery appears then no need to add this code.

Step 2: Look for the <data:post.body/> in the Blogger theme. It appears 2 to 3 times depending on your theme. Best way to place this code on 2nd <data:post.body/>. If it does not work properly then try changing the code at a different place.

Replace the following code with <data:post.body/>.

[<div id="PostBody">
<data:post.body/>
</div>
<div id="AdCode">
<div style='margin:5px 0; text-align:center; clear:both;'>
<!-- Ad Unit Code Here -->
</div>
</div>]

Place Ad Code in the <!-- Ad Unit Code Here -->.

Step 3: Find the </body> in the Theme HTML and place the below code just above it.

[<script>
$AdCode = $("#AdCode").html();
$("#PostBody br:lt(1)").replaceWith($AdCode);
$("#AdCode").remove();
</script>
</b:if>]

Step 4: Save the blogger theme and Enjoy Earning.

By using the above code, no need to add Adsense or any other ad network code separately in each blog post.

If you like this article about How to add ads between posts in Blogger, consider sharing this article with friends.

Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Post a Comment (0)