How To Add Ad Codes Below Post On Blogger New Themes

It is no longer news that blogger.com added four new themes to its platform which are Contempo theme, Soho theme, Emporio theme and Notable theme. Many bloggers on the platform are already using the new themes due to the responsiveness as it adjust to fit any device.

Those who have monetized their blogs with adsense or any other advertising network may find it difficult to add ad codes inside the template in areas like below the post and below post title. Here is a very brief tutorial on how to add adsense code or any other banner code below the post.


==> Go to Blogger dashboard > Theme > Edit HTML




==> Search for  <data:post.body/>. There is one of such code in 3 of the themes. Place the ad code below it and save theme. If you find more than one <data:post.body/> place the ad code below the second one and save theme.

==> Go to your blog post to view. The ad will be displayed below the post on both web and mobile.

If you follow the above steps closely, you should be able to add ads below your blog post on blogger new themes. 

For the old themes search for <div class='post-footer-line post-footer-line-1'> and place the ad code below it. Two of such codes exist. The first is usually for mobile and the last is for web. 

Happy blogging!
Share on Social Media, Sharing is caring

Join My Subscribers Today and Receive Updates by Email

Comments

  1. Thank you Mazino...I really searched for this. Let me go and try it.

    ReplyDelete
    Replies
    1. It should work if you follow the steps closely.

      Delete

Post a Comment