How to put Adsense ads on Blogger Blogspot

If you want to earn money from your site/blog, Google Adsense is the most popular service to monetize your blog or website content. When implemented, Adsense will display targeted Google ads on your blog and they can generate revenue on either a per-click or per-impression basis.
Of course, to display ads on your site, you should first Sign Up to Google Adsense program.


Before adding your ads, keep in mind that Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page.

In this tutorial i will show you the three ways you can add Adsense ads to your blog.

1. Adsense Gadget

Use this method to add ad unit as a widget, in places outside the blog post area. You can position it by simply dragging it in Page Elements, just like any other widget. To add the Adsense Gadget, go to:

1. Blogger Dashboard >> Design >> Page Elements >> click on the "Add a Gadget" link
2. From the pop-up window, select AdSense Gadget:

3. Configure ad format and colors.
4. Click Save and youre done.

2. Inline Ads

This will display an ad unit at the end of each post. To show ads between posts:

1. Go to Design > Page Elements and click the Edit link in Blog Posts gadget box.

2. Check the "Show Ads Between Posts" box.

3. Configure ad frequency, ad format, and colors. Live preview is provided beneath the settings.
4. Click Save.

3. Adsense code

The most notable benefits of using this method are:

• You can place ad anywhere in your blog
• You can add the code anywhere in your blog template - in your post content or page.
• To find out which format perform the best, custom channels will help you to track the performance of specific groups of ad units.
• You can choose types other than ad unit i.e. link unit, search box.

To create an ad unit:
1. Go to Google Adsense website.
2. Click on My ads tab, go to Ad units and then press on the "New ad unit" button.

3. Choose your ad type, choose format and colors and assign channels.
4. When you have finished editing, click on the Save and get code >> button and copy the code provided.

To add an ad unit to your blog, you have the following options:

• Paste the code in a HTML/Javascript gadget
• Paste the code in a blog post or page, or
• Paste the code direct in your template. (if you choose this option, first you should convert adsense ad code)

If you have any more questions, leave a comment below.

Read More..

Add Social Bookmarking Buttons near Adsense Ads

The main advantages of this widget is that you can increase your AdSense impressions along with CTR - and of course, fill up the empty space besides Adsense units, making your blog look more attractive.

Adding the social bookmarking buttons at the top of your blogger post, will make things easier when your readers will want to share your posts via the networking sites. The widget includes buttons for Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati and Digg.


How to add this widget:

1. Firstly, login to your Blogger Dashboard and go to Template and then click on the Edit HTML button
 (dont forget to make a backup of your template)

2. Search (CTRL + F) for the following tag:

]]></b:skin>

3. Paste the following CSS code just above it:

.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxoKKY0ryCOhTcCtVzOsH89wTz7bidiiYCCHDpcGLSwUuJ1LJFIpSULkwcgdOJAv0MoyLqgt45TXInvV-4Ie_kPlWgX6C9AkWx_K2Q8kN5xIY6wPyjMdg5NfdgOkINx__PaiCXwUDwoLHd/s1600/technorati.gif) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBm8UXV3kTiECsbtB0DnQZ-lpvG9v4HJzqMWLoZA9gZBz3-DAcW_NQDuzuj-VN8sZz3RdocI4XAFS6WmEs7_-SFmnXFD6VRltlTqLNlrowEls2ve3wDqb8as5LpPRde-sQ0x5UIgTGAUaD/s1600/facebook.gif) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LYfApGEAEKkssu6Ct6ojFYdrqe1QG-IBBCcLN-xzwoz6Z7gep2KddFheY0ZOCbztXwHOs95BgqekpQMin4uhBSWfv2aipt9yfVGow15M54eHS2S9ryusmU2iYN-40kLw3yxasljmjgE0/s1600/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTgNLxsumzR5TynLzfD_nG3F4lg_jvHVD5_tGZEyL_6IDKIoEb2TeyfT7rCQrO03HTmDyHy2R_ANOj7cKeMoyAgvsSkJxr75QBaA4XY3R4JpjujTod9q9PQveUaFGb0_oYycleOa8jUsJk/s1600/delicious.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhmBUynxwItEazCPXZeHbdW_E4pc5Cj3adgrfkeIXPgng8b9cF9qLqVHJGXmkm4N6zDDPANHsMRMLgwXZ_clrovlpoxsIh1F7HFmsPWvb-cAKG0fVE2JQeS-maYhVsrsedRFlQaBvjLwm/s1600/stumbleupon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikv-zBLLiD44hIIOMf_Dohn-pR315RHP4oDV7fRg5BPo69OCm2vXDVV0bZljtkBzYrwpV7AspWUpyt2LAhXfWj34o9j1WcD-rSeVao2PH5B-zUr8KHTMOANd2PfVTVBxD_o23uZso4TObv/s1600/Digg.png) no-repeat;}

4) Now search - using "CTRL+F" - for the following line:

<div class=post-body entry-content>

 If you cant find it, search for this one:

<div class=post-body entry-content expr:id=&quot;post-body-&quot; + data:post.id>

5) Add the following code directly below it:

<b:if cond=data:blog.pageType == &quot;item&quot;>
<div class=ads>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=354>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--
google_ad_client=&quot;pub-YOUR PUBLISHER ID&quot;;
google_ad_host=&quot;pub-1556223355139109&quot;;
google_ad_width=300;
google_ad_height=250;
google_ad_format=&quot;300x250_as&quot;;
google_ad_type=&quot;text_image&quot;;
google_ad_host_channel=&quot;0001&quot;;
google_color_border=&quot;FFFFFF&quot;;
google_color_bg=&quot;FFFFFF&quot;;
google_color_link=&quot;0000FF&quot;;
google_color_url=&quot;008000&quot;;
google_color_text=&quot;000000&quot;;
//--&gt;&lt;/script&gt;
&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt;
&lt;/script&gt;
</td>
<td><div class=ads-right-min>
<a class=mini-del expr:href=&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title target=_blank title=Add To Del.icio.us>Add This To Del.icio.us</a>
<a class=mini-tweet expr:href=&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url target=_blank title=Post this article on Twitter>Tweet/ReTweet This</a>
<a class=mini-facebook expr:href=&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title target=_blank title=Share On Facebook>Share on Facebook</a>
<a class=mini-stumble expr:href=&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title target=_blank title=Stumble This>StumbleUpon This</a>
<a class=mini-tech expr:href=&quot;http://www.technorati.com/faves?add=&quot; + data:post.url target=_blank title=Add To Technorati>Add to Technorati</a>
<a class=mini-digg expr:href=&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title target=_blank title=Digg This>Digg This</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>

Replace YOUR PUBLISHER ID with your AdSense account ID. Youll find it with the Home tab, on your "Account settings" page. It should look something like this:

pub-5623269265862168 (copy only the numbers and then paste them)

6) Save template... and just go to one of your post to see the changes!

Read More..