Search this blog:

How to insert Adsense on all greatest spaces of your blog! THE COMPLETE GUIDE

Web Design Generator
In this post you’ll learn how to:

- Insert adsense on the left side of the post
- Insert adsense on the right side of the post
- Insert adsense above the post, below the title :P
- Insert adsense below the post
- Insert adsense above the comments box
- Insert adsense only after the first blog post, in the posts listing

If somehow an UFO abducted my article, giving you a 404 white screen of death, then go on my blog’s search and type My adsense is not working at my Blogger.
Do that first if you don’t want to waste your time complaining at Google’s Adsense group, or shouting at me in the comments, saying “You scam, this is all wrong, get a life loser” and blah blah blah blah… later.
Let’s start. Open your Template’s HTML.

INSERTING ADSENSE ON THE LEFT OR RIGHT SIDE OF THE POST

Search for:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Take a look at the quotes, because in some blogs it may be:

<b:if cond='data:blog.pageType == "item"'>


That goes for the rest of the instructions, so please don’t beat me if you have trouble troubleshootizing.
Paste your ad code below that line, but there is a small thing to consider: the float attribute, and, not less important, the padding (If you want it to look pretty).
Then your code should be like this:
                                                       
On the left
<div style=’float:left; padding-right:5px'’>

Ad code

</div>

Or

On the right
<div style=’float:right; padding-left:5px’>

Ad code

</div>

That will insert your ad unit on the left/right side with a small space between it and the article. You can change the 5px value to anything you want, 10px, 20px, 25px, you can even use 400033334px, I don’t give a crap :)

INSERTING ADSENSE BELOW THE POST TITLE

Find:

<b:if cond='data:blog.metaDescription == &quot;&quot;'>

Place your ad code below that part.

INSERTING ADSENSE BELOW THE POST ITSELF

Remember about the left/right thingy?
Right after it you’ll find:

<data:post.body/>

Place your ad code below that part.

INSERTING ADSENSE AFTER THE FIRST BLOG POST ONLY

This part will insert the code in the Articles Listing.

Find:


<b:include data='post' name='post'/>

Then do the following:

<b:if cond='data:post.isFirstPost'>
<div align="center" style="margin-top:0px; margin-bottom:10px;">

Adsense Code Here

</div>
</b:if>

INSERTING ADSENSE ABOVE THE COMMENTS BOX

Go on your Template and search for:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

You’ll get many results, but it will probably be the second one. Paste your code below that line.

DONE.

Please let me know if you find something weird here, at least for me, everything is working fine.
This tutorial IS NOT strict to Adsense, so instead of using adsense code, you can use any other code, be creative.
Don’t forget to comment your code, so you won’t get lost later. To comment just use:

<!-- HEY, I’M A COMMENT! -->

This tutorial is to teach you how to insert Google Adsense in the parts of your code that an ordinary Blogger Widget can’t insert, so if you want to insert it on the right/left side of the Blog, on the header, footer or make that common trick which lets you display 3 ad codes after the first 3 articles, go ahead and use the Adsense Widget, it is free, comes with Blogger, and can even make you some hot coffee if you ask. See you in the next article.

Thsx yow for readinz.



author

About Author:

Matheus is a Web Designer who decided to start a social network where users beyond talking, could also share Free Blogger Templates, the website http://akecheta.com, nevertheless, it wasn't enough for him, so he decided to create the Akecheta Blog, where users can get tips and tricks on how to customize their blog layout and functionality.

4 comments:

  1. Hi Matheus, These seems to be very good tips would like to use them in future. What I am experimenting now a days is to embed adsense code inside the blog post using html code of the post..

    http://howtosiebel.blogspot.com.au/2013/10/part4-patching-siebel-81110-client.html

    what do you think?

    ReplyDelete
    Replies
    1. Hi Jim, do you want to put adsense inside the post using the html editor? Is that what you mean? I took a look at your article, and all that I could see was the adsense below of it.

      Delete
  2. I tried all what you wrote but for the one about placing the code after the post, it created empty spaces on my blog after the three adsense codes have been utilized. Is that natural? wesaytech.com is asking

    ReplyDelete
    Replies
    1. I think I know what's your problem:
      "Remember about the left/right thingy?"
      It says to insert it right after that code in that part (I can't insert the code here because it will be stripped if I do so).
      But if what you did was that, then it means you have 4 ad blocks in your website, or maybe you're having something on your page that goes against Adsense TOS, or maybe there are no ads to display at the moment.
      As you can see, I'm using adsense below my posts without any problem.

      I can do it for you if you hire me.

      Delete

Please leave a very helpful comment related to the article, and your comment will be approved whatever it has a link on it or not, because I know most people comment for spamming, so if you want to advertise your business, it's cool as long as you help me too.