Add Responsive Ads into Your Blogger Post Content 2018
How To Insert Responsive Ads into Your Blogger Posts.
How To Add Responsive Ads into Your Blogger Posts.
How To Add Responsive Ads into Your Blogger Posts. |
Lets Follow Below Step๐
Make a Sure You First Take a Backup Your Theme.
➤Then Added Below Jquery File On Above Tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
Pls Note** If You You Are Using Latest Template or Any Custom Templates Then No Need To Be Add This Code, or If You Have Already Any Jquery File Then Ignore This Step.
Also Read : Get Adsense Approval Easily
➤ Search For Below Code
You Get Three Times This Code or May Be Found More. Dont't Go Any Where Need To 2 Or 3 Place.{ Need to be Identify Your Proper Place} - Simply Copied Below Code To Replace Above Code.
<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>
➤Now Search for </body>
➤When You Find That Tag Then Add Below Code On Above/Before The </body> Tag.
<b:if cond='data:blog.pageType == "item"'> <script> $AdCode = $("#AdCode").html(); $("#PostBody br:lt(1)").replaceWith($AdCode); $("#AdCode").remove(); </script> </b:if>
Finally Save The Template Done.๐
Author Note** You can choose your Ad location, By replacing the value br:lt(1) with br:eq(n) .
Also Read : Best Seo Optimized Ad-sense Approval Templates For Blogger.
That's It. Enjoy๐๐
Conclusion : This Tricks is 100% Safe & Responsive; Doesn't Effect Your Blogger Loading Page. If You Find This Tricks Useful Then Please Share This With Your Friends. Any Asking or Request Feel Free To Comment Below.๐ฌ