9/16/2014

How To Put Affiliate or Adsense Advert In Middle of Blogger Blog Post



There are series of tutorials online on how to place Adsense below Blogger post title and at the end of Blogger post but you will hardly see tutorials that will explain how to easily place adsense or affiliate advert in the middle of a Blogger post. This is simply because it's not something you can easily achieve by copying and pasting your ad code in your blog's html.


Although, there exists an advanced hack you can implement to insert an ad in the middle of a Blogger post but I'm sharing with you in this post, a trick that simply involves the use of Blogger's "Post Template" feature.

Post template helps save you time by pre-formatting the post editor. You can use it to format your posts in a certain way. Hence, you can also use it to automatically display your adverts in the middle of your posts.

How To Get Started

==> Get your Adsense code or advert code ready
==> Log in to your Blogger dashboard and go to Settings > Posts and comments, then click Add next to Post Template.
==> Paste your ad code in the box and save. (No need to parse the code).

Blogger post template


That's all.

When next you need to compose a post, click on the "HTML" tab of the post editor to see your ad code.

Type your post content above and below the ad code, so that the advert will be in the middle.

When you are through with typing the content, you can click on the "Compose" tab to easily add links etc to your post.

When you are done, publish your post, view and you should see the ad in the middle of the post.

NB: The ad will not display in old posts but automatically displays on the Blogger mobile view.

Try it and let me know if it works for you.

Cheers!

Recommended: How I Make Adsense Ads Appear Automatically In Middle of New and Old Blogger Posts Without Using Post Template Feature.


Share :


24 comments:

  1. Nice share boss but how can I make the ad appear in the centre and not align to the left?

    ReplyDelete
    Replies
    1. Use:

      <div style="text-align: center;">

      --YOUR Ad CODE HERE ---

      </div>

      Delete
  2. Anonymous9/09/2014

    Will it show on mobile?

    ReplyDelete
    Replies
    1. Yes, automatically displays on mobile.

      Delete
    2. pls how can i make it appear to mobile device only?

      Delete
  3. Oh great am gonna try it on my blog www.healthtutortips.com

    ReplyDelete
  4. Okay..am gonna give this a try now and give a feedback soon

    ReplyDelete
  5. How can i make all my ads to display on mobile?

    ReplyDelete
  6. Thanks for this useful info. Will give it a try.

    ReplyDelete
  7. Me Jide, I edited a blogger template using blogger template designer, I applied it to my blog and the desktop view of my blog changed to the template I designed using blogger template designer. But the mobile view of my blog is still using a template I choosed from blogger templates, I want the template I am using on my desktop view to show on the mobile view so everyone using mobile can see the new design I gave to my blog. Pls reply me ASAP.

    ReplyDelete
  8. So each time I write a post, I will have to manually insert my ad codes by pasting the codes in the post editor?

    ReplyDelete
  9. Anonymous9/20/2014

    thank you for this. av been looking for it abroad, i dont know nigerian got it. i will try it in my blog www.afrik9ja.com and jokebase.info

    ReplyDelete
  10. Thanks Jide but my Dealdey ads are not showing the banner, its showing only the banner size but if i click on it it will take me to dealdey site

    ReplyDelete
  11. hello jide is not working on my blog

    ReplyDelete
  12. Can you please gimme this template?

    ReplyDelete
  13. nice post it really help me thanks alot

    ReplyDelete

  14. Nice post ! Please how do I center adsence ads on top of my blog? And also to add another ads with the size?

    ReplyDelete
  15. Big bro, I did it and it works but I was unable to click on it, pls what can I do? thanks

    ReplyDelete
  16. It worked but it's having a big empty box before the add

    ReplyDelete
  17. thanks for this, it works well for www.adefazeblog.com

    ReplyDelete
  18. Pls I have done as you said on www.hotandspicygist.blogspot.com but its not showing.what could be the problem.please help.thanks

    ReplyDelete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.