$hide=mobile$show=home

$show=post

$show=post

$show=post

How to automatically add Adsense Ad below Post Title and within all blog posts in Blogger

SHARE:

Here on this post, we are going to show you how to automatically add Adsense ads below post title and within all blog posts in Blogger. By using this method, you will save yourself the stress of copy the ads code and adding it to every post individually.

How to automatically add Adsense Ad below Post Title and within all blog posts in Blogger

Unlike WordPress where there are many plugins which can be used to automatically insert ads within the blog post, Blogger is different. By default, the Blogspot platform doesn't provide widgets for the easy insertion of Ads inside a blog post. Although some custom Blogger templates come with this option like the Magone Blogger theme, others do not.

As a result, once you've launched your stunning new Blogger website and gotten approved by Google Adsense, placing ads inside posts(in-article ads) becomes very tedious, especially if you had already written many articles. You can easily add ads to the sidebar section, above the post and below post in some Blogger themes, but What about adding ads automatically within all posts? 237 Solution has a solution for you. Here on this post, we are going to show you how to automatically add Adsense ads below post title and within all blog posts in Blogger. By using this method, you will save yourself the stress of copy the ads code and adding it to every post individually.

Automatically add Adsense Ad below Post Title and within all blog posts in Blogger

For this to work, you will be tweaking or let's say customising your Blogger template. And to avoid any issues since you may erroneously mess up your theme, first of all, take a backup of your theme before starting.

Backup your theme

As we said earlier, you will need to first of all backup your Blogger theme before applying this customisation. This should help restore if anything goes wrong.

To backup your Blogger theme, proceed thus;
  • Log in to your Blogger dashboard and click on "theme".
  • Next, under "theme", click on "Backup/Restore"
Backup Blogger theme

  • Now a popup window will appear. On thIS window, choose "Download" and download your Blog theme.
Backup Blogger theme

Adding automatic in-article ads on Blogger posts

There are different possible ads placements within a blog post. And the popular placements are below the post title and in-article(inside post body). Below, we have described all the necessary steps as well as codes to use.

Add automatic Adsense ad code below post title or below the post content

Adding automatic Adsense ads unit below all blog posts tittle in Blogger can be done using the following lines of code:



<div class='Adsense-ads' style='margin:5px;'>

[Add Your Converted Adsense Code]

</div>


  • All you need to do is copy this line of code, go to Blogger dashboard → Theme → Edit HTML 
  • Next, search for the line of code below and paste the code provided above just above it. In case you want Adsense ad unit to show below the post content(Adsense match-content), then paste the code above just below the line of code us have below.


<data:post.body/>

  • After pasting code for Adsense ad unit to appear below all post title, copy the Adsense ad unit you want to appear below the title of the post and parse it using this tool then replace "[Add your Converted Adsense code]" with the parsed Adsense code.

Automatically add Adsense ad within all blog posts in Blogger

Doing this won't be as straight forward as the case of the below post title. We will be in need of a javaScript to help place the ad units after a particular length of the blog post. To do this, you will be using the code below.
  • Start by going to the theme editor.
  • Next, search for the line of code below

<data:post.body/>

  • Replace this line of code with the code provided below. Also, note that you will find this code many times(3 times) you will have to test to see the one that works. Usually the third but might vary with different themes.
[post_ads_2]
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='Adsense-auto-in-article' style='margin:20px 0'>
<center>

[IN ARTICLE ADS 1] 

</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

The code above will add an Adsense Ads unit at half the post length. If you want to add multiple Adsense ads units(above post title, below the post body and at the middle of the post), then you will have to use the code below.

                <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='Adsense-auto-in-article' style='margin:20px 0'>
<center>

[IN ARTICLE ADS 1] 

</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><div class='Adsense-ads' style='margin:5px'>
<center>
[ABove title Ad]
  </center>
</div><data:post.body/><div class='Adsense-ad2' style='margin:5px;'>
<center>
[Below post content Ads]
  </center>
</div></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

You will have to replace the </data:post.body/> with the above line of code to add multiple ads inside blog post automatically.

COMMENTS


$hide=mobile

ADVERTISEMENT
Adsby Google
Name

.Net Framework,3,A-Ads,1,Ads Balance,1,Adsense,2,Adsense Alternatives,2,AGWhatsApp,1,Android 11,1,Android Apps,84,Android Roms,12,Android Tips,11,Anonymous Ads,1,Antivirus,2,Asus Firmware,2,Blogger Themes,9,Blogger Widget,6,BLOGGING,2,Blogging Tips & Guides,9,Camtasia Studio,1,Chrome Extensions,1,Comparisons,1,Computer 101,1,Corel PaintShop Pro,1,Coupons,19,CovStats,1,download,2,Downloads,160,Drivers,1,dWhatsApp,1,Facebook Tips,3,Facts,1,FIFA 2021,1,Files,1,Fix Over heating on Android,1,Free Paid Apps,53,Freebies,35,GAMES,28,GFI,1,Google,4,How to,3,How-To,72,IDM,1,InShot Pro Mod,1,InstaXtreme,1,Internet,49,iOS,18,ITEL,2,ITEL MTK,2,Jetpack Plugin,1,KMSpico,1,Language Packs,5,macOS,1,Make money Online,1,Microsoft,4,Miracle Team,9,Mobile Partner,1,MS Office,5,MTN Smart S730,1,Netflix,2,Norton Antivirus,1,Online Shopping,2,Online Studies,1,Operating System,2,Orange Klif,1,PBhev,3,PC Software,20,Rooting,3,S-COLOR,1,SAMSUNG,3,SD Card formatter,1,SEO Tips,2,Skin Packs,2,Sticker Makers,1,Streaming,7,Table of Content,1,Tech News,43,TECNO,3,Telegram,3,Tools,12,TOUCHING,1,Udemy Course,19,Unlocking,5,UpdraftPlus,1,Video Downloaders,1,VIVO Firmware,1,VPN,6,wha,1,WhatsApp GO,1,WhatsApp Messenger,41,WhatsApp Mod,33,WhatsApp Plus,3,WhatsApp Web,1,WhatsApp Web Dark Theme,1,WhatsGold,2,Wikoo,2,Windows 10,1,Windows 7 Activator,1,Windows 8.1,2,Windows Activator,2,Windows AIO Version,1,Windows OS,4,Wordpress Plugin,7,Wordpress Themes,1,Xiaomi Firmware,1,Yoast SEO,1,YouTube,1,
ltr
item
237 Solution: How to automatically add Adsense Ad below Post Title and within all blog posts in Blogger
How to automatically add Adsense Ad below Post Title and within all blog posts in Blogger
Here on this post, we are going to show you how to automatically add Adsense ads below post title and within all blog posts in Blogger. By using this method, you will save yourself the stress of copy the ads code and adding it to every post individually.
https://1.bp.blogspot.com/-5QEny_hJLnk/XrvkxKbUOQI/AAAAAAAAH9s/YBk4YkDkv_I-IeAx8CsaXv9KsWju0ahvACLcBGAsYHQ/s400/AUTO%2BADS.png
https://1.bp.blogspot.com/-5QEny_hJLnk/XrvkxKbUOQI/AAAAAAAAH9s/YBk4YkDkv_I-IeAx8CsaXv9KsWju0ahvACLcBGAsYHQ/s72-c/AUTO%2BADS.png
237 Solution
https://www.237solution.net/2020/05/how-to-automatically-add-adsense-ad.html
https://www.237solution.net/
https://www.237solution.net/
https://www.237solution.net/2020/05/how-to-automatically-add-adsense-ad.html
true
4983004729499366028
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content