How to Add Google Adsense to Blog Header

How to Add Google Adsense to Blog Header

If you want to add Google Adsense Ads to Blog Header then follow the steps below:

You can also see the Demo.

You should Also Read about : How To Put Adsense Ad Code In Middle Of Blog Post

1. Log in to Your blogger account >> Design >Edit HTML

2. Put check mark to "Expand Widgets Template"

3. Find this code, by using Ctrl+F

<div class='region-inner header-inner'>

4. you will find this code.

<div id='header-wrapper'>
<b:section class='header'
id='header' maxwidgets='1' showaddelement='no'>

5. Replace the read value like this

<div id='header-wrapper'>
<b:section class='header'
id='header' maxwidgets='3' showaddelement='yes'>

6. Click Preview and click save template.

7. After go to Page Element in Design tab.

8. Click Add Gadget and select Adsense.

You should Also Read about: Most Advanced SEO Optimized Responsive Blogger Template

9. Choose type you want.for example choose new linked 728x15 ad unit from the drop down
format menu for an Adsense ad that would sit above the blog title.and configure color.

10. Click save and view blog.

11. Enjoy. You Blog Header Ad is Ready.

Read More

How to Put Adsense Ad code In Middle of blog Post

Google Adsense

If you want to put adsense ad code in the middle of your blog post, as it is easy to get
click frequently.So it wil help to earn more money.

How to Put Adsense Ad code In Middle of Blog Post

Follow the steps below.
1. First of all you have to parse the code.Go to these link
and parse the code. AdParser.

2.After log in to your blogger account and go to
dashboard >> Layout >> Edit HTML

You should Also Read: On-page SEO practices for Newbie Bloggers

3. Check THE "Expand Widget Templates" and
find this code by using Ctrl+F
<data:post.body/>

4.Now replace above code with this below code.

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Your AdSense code here -->
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/></div>


<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


5. Now save the template. Now put this special code to your every post.
<!-- adsense -->
this is the place you want to put your adsense code.

6. Enjoy.

You should Also Read:  How To Creat Advance SITEMAP For Your Blog

Read More