Friday, July 22, 2016

How to put adsense ad code on website or blog

Adsense advertisements

In the sidebar

How to implement
This is one of the easiest areas to put adsense. Just go to the page element (layout), click on the”add a gadget” link, then add an html/javascript widget with your ad code inside it or add directly an adsense  widget.
Recommended formats: 125x125,120x600, and 160x600,300x600


Between posts

Implementation. You can add adsense  ads between your post by going to layout, clic on the “edit” link below the blog posts section, then click the “show ads between posts” option.
Recommendation formats:468x60,300x250 and 336x280

Under the header

Implementation: before anything, you need to convert your adsense ad code- you can use this converter here—adsense ad coverter
(http://html-to-xml-parser.blogspot.com/)

   Next thing to do is to your blogger template (log in to your blogger dashboard,click on template and press the Edit HTML button) and click anywhere inside the code area to search for the following code using the CTRL+F keys:

Select text below
<div id=’header-wraper’>
End of code
Paste the converted code right after it.
Recommended formats: 728x90 and 728x15


Above the blog posts

Implementation:
Convert your ad code and search for <div id=’main-wraper. In your template.
Paste the converted code right after it.
Recommended formats: 460x68,468x15 and 336x280

Under the post title (this will be visible on all the pages)
Implementation:
Convert your adsense ad code and go to your template> Edit HTML> click anywhere inside the code area and search for the following line (ctrl+f).

Select text below
<div class=post –header-lie-1/>
End of code

Note: if you can’t find it, search without the ending slash /
Paste the converted code right after it.
Recommended formats: 468x 68 and 468x15


Under the post (visible only on the posts pages title)

Implementation:
Convert your ad code and go to your template, click anywhere inside the code area and look for
Selectable text below

<div class=’post-header-line-1’/>
End of code

Note: if you can’t find it, search without trailing slash /
Paste the converted code, following this example:

Select text below
<b:if cond=’data:blog.pagetype == ”item”’>
<!—Add here the code of your ad -->
</b:if>
End of code
Recommended formats: 468x68 and 468x15


In the post footer

Implementation:
Convert your ad code and then go to your template> click anywhere inside the code area and look for:

 Selectable text below

<p class=’post-footer-line post-footer-line-3’/>
End of code
Note: if you can’t find it, search it without trailing slash /
Paste the converted code right after this line.
Recommended formats: 468x68 and 468x15


In the post body ( it will be visible on all pages)

Implementation:
Convert your ad code and then you go to your template> click anywhere inside the code  area and look for:

Selectable text below
<div class=’post-body entry-content’>
End of code

Note: in case you don’t find this code search only for <div class=’post-body’>
And paste the converted code by following the example bekow

Selectable text below
<div style=’float:right’>
<!—Add here the code of your ad-->
</div>
End of code

Recommended formats: 125x125, 180x150,120x240 and 200x200

In the post body (visible only in post pages)

Convert your ad code and then go to your template, click anywhere inside the code area and look for:

Selectable text below
<div class=’post-body entry-content’>
End of code

Note: in case you don’t find this code search only for <div class=’post-body’>
And paste the converted code by following this example:
Selectable text below
<b:if cond=’data:blog.pagetype == “item”’>
<div style=’float:right’>

<!add here the code of your ad -->

</div>
</b:if>
End code
Recommended formats: 125x125,180x150,120x240 and 200x200

Between post and comments (visible on only post pages)

Implementation:
Convert your ad code and then you go to your template, click anywhere inside the code area and look for:

Selectable text below
</b:includable>
<b:includable id=’postQuickEdit’var=’post’>
End of code

Paste the converted code just above it,following this example:

Selectable text below
<b:if cond=’data:blog.pageType == “item”’>
<!—Add here the code of your ad -->
</b:if>
End of code
Recommended formats: 468x60, 300x250 and 336x280

In the blog’s footer
Implementation:
convert your ad code and go to your template, click anywhere inside the code area and look for:
Selectable text below
<div id=’footer-wrapper’>
End of code
Paste the converted code right after it.

Recommended formats: 728x90 and 728x15



tags- adsense code not working
adsense code sample
how to add google adsense code to my site
google adsense code example
insert google adsense code
adsense code in blogger post
adsense code for testing
adsense code converter
google adsense add code show blank
adsense adcode not showing
how to post adsense adcode on blogger or site

No comments:

Post a Comment