How to put Google AdSense ads on Blogger

2:34 AM

More and more people join to make money by signing up ads Google AdSense .   Today Blog Dexteritygives you instructions on how to put AdSens...

More and more people join to make money by signing up ads Google AdSense . Today Blog Dexteritygives you instructions on how to put AdSense ads on Blogger (BlogSpot). This article emphasizes aspects do not place ads so effective, just mention the problem to manipulate the display ads in the desired location. 

I. Place Ads on SIDEBAR, header or footer: 

Method 1. Copy and paste: 

Paste the code is generated from the process started advertising in Google AdSense account and add them directly into HTML / JavaScript by Blogger. 

Advantages: 

- Ease of operation. 
- Effectively manage the channel (channel). 

Cons: 

- Add new or change the ad size to create another ad again. 
- Do not place in the post advertised. 

Method 2. Connect to Blogger AdSense account: 

The first time you have to connect using AdSense on Blogger account. On the layout, choose Add (Add a Gadget) | Adsense and declare e-mail address and sign up for AdSense using ZIP code or 5 end of the phone number in the registration application. 

After the report is finished, from now want to show your ads only to click AdSense, size, content type, color ad, and then drag and drop saved to another location. 

Advantages: 

- Ease of operation. 
- Add, delete, or change the ad size to be manipulated in the Blogger. 

CONS: 

- No effective management of the channel (channel). 
- Do not place in the post advertised. 

Thus, both are met on restrictions on advertising location can not be placed between the posts or inside the post - which is considered the highest click rate. And that's why you keep reading. 

II. ADVERTISING ORDER BETWEEN THE POSTED: 

Sign in Blogger, click Edit (Edit) components Blog Spots (posted) on the Layout (Layout). Window to configure the post appears, click select Show ads between posts (Show Ads Between Posts), configure the ads and choose save. 

Ads will appear between the posts. Means there will be an ad comes after the number of posts you choose [Show after # every posts (up to 3 times on a page)] [Display posts every # (up to 3 times on one page) ] assuming you have not used in other locations. Note: You must connect to Blogger AdSense account as mentioned above. 

III. ADVERTISING IN ORDER POSTED: 

This way, you have to insert Google AdSense code into your blog template. How advertising should be inside the ID, CSS class or particular type corresponding to the suggestions: 

Hint 1:
    <div class='ads'> 
Google AdSense code (+)
</ Div>

Hint 2:
    <div id='ads'> 
Google AdSense code
</ Div>

Then we need to declare the corresponding CSS and put it between <b:skin> <! [CDATA [/ * and]]> </ b: skin> in the template. 
Suggestions for a:
    # Ads { 
float: left;
margin: 5px 5px 5px 5px;
}

For the second suggestion:
    . Ads { 
float: left;
margin: 5px 5px 5px 5px;
}

Hint 3. Both as a collector:
    <div 5px 5px 5px style='float: left; margin: 5px;'> 
Google AdSense code
</ Div>

Properties will float div position shown on the left (left) or right (right) in the composition containing it.Like text-align attribute of the text or align the image. But here the div displayed as a box on the left or right of the text frame. Of course if you know much about CSS you can add, remove, make brilliant frame contains ads. Experience of many people, how to set this code flexible and more effective, appropriate size 336 x 280, 300 x 250, 250 x 250 and 200 x 200. 

In the case of want ads only appear when the particular post, placed inside the div on the right: 
    <b:if cond='data:blog.pageType "item"'> == 
Place the div that you used here
</ B: if>

Google AdSense code to use: 

a. Retrieved from AdSense account: 

Sign AdSense account and create a new ad code and convert special characters like <and> to HTML.You can refer to the converter in the instructions on how to set code of chodientu.vn . This conversion does not violate the provisions of Google AdSense. 

b. Retrieved from Blogger template: 

Make sure that you are taking part II guidelines. Sign in Blogger, select Layout (Layout) | Expand utility marking sample (Expand Widget Templates) to find the code below and add to the character color is striking: 
    <data:adStart/> 
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'> <data:post.dateHeader/> </ h2>
</ B: if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType "item"'> ==
<b:include data='post' name='comments'/>
</ B: if>
<! -
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</ B: if>
->
</ B: loop>
<data:adEnd/>

The addition of these characters to disable the code to show ads between posts. And this is Google AdSense code we need: 
    <b:if cond='data:post.includeAd'> 
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</ B: if>

With taking this code, you are not touching the original AdSense code. 

And we will insert into the template: 
    <div class='post-body entry-content'> 
Place code here, the ad will appear under the post title
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ Div>

<div class='post-footer'>
Place code here, the ad will appear at the foot of this post
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'> <data:post.author/> </ span>
</ B: if>
</ Span>

Or many other locations depending on the template. Have fun!

No comments: