You are here: Home » news » AdSense Code in Blogger Post Body
Application Java Games HandPhone (HP)

AdSense Code in Blogger Post Body

by BambangOke on June 22, 2008

One of the known tips for improving the performance of your Google AdSense ads is knowing where to place the ads. In this guide, we shall discuss the modification you can make to your Blog template to have your Google AdSense ads appear between your post title and post body, or between your post body and post footer. Also, we shall have the AdSense ads appear on every individual post.

Choosing a best placement for your AdSense ads will attract more attention; attention leads to clicks; and clicks bring you AdSense revenue. Easier said. While people may have theories on where the ideal AdSense spot ought to be, there is really no standard answer because it depends very much on your Blog’s layout, contents, theme, etc. If you have been following the changes made to our Blog, you would agree that we are no guru at this. We had merely placed the ads where they fit aesthetically and not where they will get the most attention. Nevertheless, if you would accept our two cents’ worth of opinion, try to put yourself in the minds of your readers. Ask questions like why readers visit your Blog, which section of the Blog are they most interested in, and whether placing an ad at a particular area will distract, annoy or please them.

Many people believe that having AdSense ads just before or after the Blog posts will best optimize their performance. For the purposes of this article and to give you an idea how it would look, we have inserted the AdSense code into our template to have the ads appear immediately below the article and before the post footer. If you think you would like to do the same for your Blog, the following are the steps you should take.

Update: A section on Using Blogger Feature to insert the AdSense Ads after every post.

Using Blogger Feature

If you merely want an Ad to appear after every post or every few posts, use this Google feature instead. Go to Template -> Page Elements and you see in your layout the heading “Blog Posts”. Click the “Edit” link at the bottom right corner. You will see this screen.

AdSense Code in Blogger Post Body

We assume you have a Google AdSense account. If you don’t, you can create one using the same login through your Google account. You will be assigned a Publisher identity number which shall appear in all your AdSense codes.

Tick the “Show Ads Between Posts.” You can select whether to show ads after every post or after several posts. In accordance with AdSense TOC, a maximum of 3 Ads will be displayed. Choose the ad format and color scheme. Save the changes and refresh your Blog to see the Ads.

While using this Blogger feature is simple and easy, you may want more control over the position of the Ads. For example, you may want it between the title and posts rather than after the posts. The following guide will show you how you can do that.

More Ad locations

Log in to your Google AdSense account.

AdSense Code in Blogger Post Body

Go to AdSense Setup -> Products and choose “AdSense for Content”.

Next, select “Ad unit” and follow their instructions on picking the size of ad, color combination, and so on, right till the end when they automatically generate a HTML code for you. Copy this code and paste it into Microsoft Notepad. (If you are a WinXP user, click the Start button at the bottom left corner of your screen. Under All Programs -> Accessories, you should see the MS Notepad icon.)

AdSense Code in Blogger Post Body

Change the AdSense code

This heading may sound misleading. We are not at all altering the code but converting some of the characters to character entities. We have to parse the AdSense code so that it can be included into your Blog template. This is not against AdSense rules because after the code is inserted into the template, when you view the source code of the template, you should see the exact same AdSense code that Google has generated for you. Indeed, if it is anything different, it means that you have not parsed it correctly and should review the code again. Parsing the code essentially involves replacing the following HTML characters:-

< with &lt;
> with &gt;
with &quot;

Your final Google AdSense Code should look something like this:-

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;pub-0000000000000000&quot;;
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = &quot;336×280_as&amp;amp;quot;;
google_ad_type = &quot;text&quot;;
google_ad_channel = &quot;&quot;;
google_color_border = &quot;FFFFFF&quot;;
google_color_bg = &quot;FFFFFF&quot;;
google_color_link = &quot;000000&quot;;
google_color_text = &quot;000000&quot;;
google_color_url = &quot;000000&quot;;
//–&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;ht
tp://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

Insert code into template

Login to your Dashboard. Go to Template -> Edit HTML and click the box next to “Expand Widget Templates”.

AdSense Code in Blogger Post Body

Block copy the entire HTML code for your site that you presently have and save it in a separate text file in MS Notepad. You can also click the “Download Template” link to backup the template. This is one of the two necessary steps whenever you want to change the template. The second step is to “Preview” the new changes, and save the changes only when you are satisfied. The backup you have saved in a text file will come in handy when you accidentally click to save the changes without previewing them. With a backup, you can easily restore the template to the prior state if need be.

Now search for post.body through your browser’s search function (Ctrl+F for Firefox and IE). You should see these lines:-

<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

If you want the AdSense ads to appear between the post title and post body, add the following code above the orange lines. If you want the AdSense ads to appear immediately after every individual post, add the following code below the orange lines. The code to add is:-

<div style=’float:left;’>
AdSense Code
</div>

The AdSense Code is the one you have amended above in MS Notepad. Do NOT save the template, but click the Preview button to see if you like the placement of the AdSense ads.

Do you want to have the AdSense code on the left of your text as shown in this screenshot?

AdSense Code in Blogger Post Body

Choose the smallest AdSense format like 125×125. Insert the AdSense code here:-

<div class=’post-header-line-1′/>
<div style=’float:left;’>
AdSense Code
</div>
<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

If you want the Ads on the right of the text, like this:-

AdSense Code in Blogger Post Body

Insert the code as follows:-

<div class=’post-header-line-1′/>
<div style=’float:right;’>
AdSense Code
</div>
<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Set the AdSense ad margins

If your AdSense ads are too close to the edge, you may set a margin in the style tag. To give you an idea how wide the margin should be, you can see the sample in our other Business Fables blog where the left margin is set to 30px. The code used was:-

<div style=’float:left; margin-left:30px‘>
AdSense Code
</div>

Should you want to align the AdSense ad to your text, you can specify a margin or padding around the entire AdSense code. The code you can use is:-

<div style=’float:left; margin:5px 10px 15px 20px‘>
AdSense Code
</div>

The first number 5px is for the top margin, 10px is for the right margin, 15px for the bottom margin, and 20px for the left margin. You should of course change these values to suit your template.

Preview the template and if you are satisfied, save the template and refresh your Blog to see the new positions of your AdSense ads.

Other than Google Ads, you can learn how to place AdSense Product Referrals in your Blog.

Additional money-making opportunity

Since we are on this topic of earning revenues through AdSense, you may want to consider earning money while you are surfing the net. AGLOCO seems to have an interesting scheme which you may want to take a look. If you are surfing the net anyway as part of your daily routine, why not earn the extra income as well. You may also want to consider having get="_blank" rel="nofollow">AuctionAds to display an eBay auction widget which is compatible with AdSense and other ad systems.

© Tips for New Bloggers

Thanks……By : Bembenk

Author

BambangOke

{ 13 comments… read them below or add one }

1 dhawuh July 14, 2008 at 2:10 am

ilmu baru deh… suwun2

Reply

2 Hacks for bloggers October 20, 2008 at 12:35 pm

Thanks that helped me a lot

Reply

3 Parwanto Cilacap November 23, 2008 at 6:29 pm

Saya sudah beberapa kali mengajukan adsense for content tapi nggak bisa, selalu di tolak. karena bahasa web saya masih campuran. Gimana ya biar bisa masang adsense for conten di web kita?

Reply

4 z4ro08 January 11, 2009 at 2:55 am

Wah infonya kren, langsung saya coba mas & salam sukses selalu… :)

Reply

5 Success With Women February 8, 2009 at 8:42 am

ini tutorial yg gw cari2..thanks ya bro

Reply

6 Nanda March 5, 2009 at 6:12 am

Thank you for this article and information. after I read, I get the benefit

Regard

Reply

7 Insurance Advertising March 18, 2009 at 9:51 am

Wah… mantap tips nya. Tapi saya masih penasaran dengan adsense pada beberapa website blog yang menampilkan kode tulisan “Ads by Google” dengan warna dan ‘font’ yang tidak lazim.

Minta pencerahannya, gimana caranya supaya bisa nampilkan adsense tapi tidak tampak seperti adsense umumnya. terutama kode tulisan “Ads by Google” nya itu.

Oya… minta pencerahan sekaligus maen-maen kee blog adsense saya bertema insurance ya. Mohon dukungan dan komentarnya. Thanks.

Reply

8 Hariyanto March 23, 2009 at 8:26 am

Warung Bisnis. Kumpulan Referensi Dan Tutorial Sukses Berbisnis Online. Entertainment, Music, Movie, Internet . and more . http://hariyanto-blog.blogspot.com/

Reply

9 Ferdyliciou'z March 26, 2009 at 3:56 am

mas bambang yang oke bgt…saya diajarin buat post comment box dong,….blog saya ga ada post comment nya…:((

Reply

10 hendy June 12, 2009 at 1:47 am

hi.. for work at home simple and fast, perhaps you must visit this web http://www.best-adsense.com earn money for a better choice and get a powerfull marketing software for free!!! Join is Free!!! maybe this information will be use full!!!

Reply

11 Anonymous July 4, 2009 at 7:13 pm

Mo tanya donk, kalau mo dapetin Adsense For Content Gmn ya…??

Reply

12 jimy July 5, 2009 at 8:16 pm

mas artikel2 kok banyak di kopi paste dan kok mas taru kopi right segala di footer ….gawat

tapi gak ap2 ….nama juga orang indo

he3 artikel nya saya curi juga ya…..met bloging=((

Reply

13 Google Profits August 16, 2009 at 1:17 am

Blog ini sangat bermanfaat bagi para blogger anak negeri…thanks atas share adsense info nya

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Incoming Search Terms for the Article

 before the closing HTML tag: , blogspot adsense bottom right , bokep miyabi , Copy and paste the script code below into your websites HTML source right before the closing HTML tag: , how to insert adsense code below post tittle , post body adsense widget by put adsense code manually , source code adsense for contents 

Previous post:

Next post: