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
But firstly you need to take a look at my article http://akechetablog.blogspot.com.br/2013/10/wtf-my-adsense-is-not-working-at-my.html
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 == "item"'>
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 == ""'>
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.
0 comments:
Post a Comment
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.