HOME | ABOUT | CONTACT |

Search

Custom Search

Saturday, March 29, 2008

How to Wrap Your Blogger Post Around Google Ads?

Do you want to have your post wrapped around Google Ads like some of the blogs on the Internet? Wrapping your text around any ads has been proven to be the best way of increasing your earnings from your blog. I'll show you step-by-step of how to implement it.

  • First login to your Blogger In Draft/Blogger's account at Dashboard, click on Settings/Formatting, Show three posts on the main page, and scroll all the down to save your change. Setting/Formatting
  • Second click on Layout/Edit HTML; but before you make any changes, make sure you backup your template by clicking on Download Full Template first. Layout/Edit HTML/Backup Template
  • Next click to tick Expand Widget Templates checkbox like the screenshot below: Expand Widget Template
  • Then search for the following line in your New Blogger template HTML editor; hold Ctrl and hit F at the same time; then copy and paste the following line in the search box to find it:
    <div class='post-header-line-1'/>
  • Insert your Google AdSense codes right after <div class='post-header-line-1'/> line. If you don't have Google AdSense account, you can use any ads code you want:
    <div class='post-header-line-1'/>
    <div style="display:block;float:left;margin: 5px 5px 5px 5px;”>
    <script type="text/javascript"><!--
    google_ad_client = "pub-4932554700716308";
    /* 300x250, created 3/24/08 */
    google_ad_slot = "4152819018";
    google_ad_width = 300;
    google_ad_height = 250;
    //--></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    </div>

    <div class='post-body entry-content'>

    Notice that I wrap Google AdSense codes with these two red lines:
    <div style="display:block;float:left;margin:5px 5px 5px 5px;>
      Google Ads code here
    </div>

    Here you can float: left, right, or center; margin: 5px 5px 5px 5px stands for top, right, bottom, and left margin spacing respectively. You can adjust these numbers to meet your needs.
  • This step is very important! Therefore make sure you change all < to be &lt;, and all > to be &gt;; just like the code below:
    <div class='post-header-line-1'/>

    &lt;div style=”display:block;float:right;margin: 5px 5px 5px 5px;”&gt;
    &lt;script type="text/javascript"&gt;&lt;!--
    google_ad_client = "pub-4932554700716308";
    /* 300x250, created 3/24/08 */
    google_ad_slot = "4152819018";
    google_ad_width = 300;
    google_ad_height = 250;
    //--&gt;&lt;/script&gt;
    &lt;script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;
    &lt;/script&gt;
    &lt;/div&gt;

    <div class='post-body entry-content'>

    You may wonder these changes will violate Google AdSense policy; but I must tell you they didn't because your source code still looks like the untouched ones from your Google AdSense account. Make sure you replace those my Google ad Client numbers with yours.
  • Finally save your template and test it out yourself.
The reason I want you to only show three posts on you main page is that Google AdSense policy only allows you to have three ads units on each page. If you have more than three posts, the rest of the posts will show empty space within your text, and they will not look good. I also find out that the best AdSense ads format for being wrapped by your text is either 336×280 large rectangle or 300×250 rectangle. It will definitely optimize your ads incomes in your blog. If you use WordPress.org, check out How to Wrap Your Text Around Google Ads? to implement your ads.

10 comments:

DocSharma said...

Hi there!Thanks for the tutorial on how to wrap google adsense around text.Do visit
http://nsestocksindia.blogspot.com/
and see the results.Ciao,dinesh

Lanna said...

Hi docsharma. I'm happy that it works out for you.

eds said...

Hi i cant parse my HTML for some reason. I followed ur intruction but its still unsuccessful. I noticed something on STEP 6. Is the code that should be replaced really this one "&lt;"? why its different from your sample.. ?

Lanna said...

Hi Eds;
The one in the content is an error but now it's being fixed. I kept changing templates to fix some W3.org errors. So it must have been generated in between of changing those templates; but the codes in the table are correct.

Because HTML editor in New Blogger only accepts XML format, that is why you need to change < to be &lt; and > to be &gt;. Good luck to you.

Kindeng said...

Hi Lanna,

Thanks for the tip but I've tried several times, a error message always appears. Even I copied the code from you (with my own Adsense number). It says

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

Do you know what it is wrong?
Thanks.

Lanna said...

Hello Kindeng;
Thanks for visiting.

About the codes, you just need to insert the amended AdSense codes between <div class='post-header-line-1'/> and <div class='post-body entry-content'> two lines but leave these two lines untouched.

Let me know it works or not. If not, I will do it for you. Just send me your html file through my contact form (top menu) and your AdSense number. Good luck!

Experts said...

it will bann your adsense account.. mind it

Lanna said...

Do you have proof for what you said because I still have my AdSense account...

kari kari said...

Your method is scarry, maybe if we caught by google our adsense account would be ban.Any way I really love you blogspot design here, can you share what kind of template did you use.

Lanna said...

Hi Kari,
It doesn't violate AdSense's policy because nothing was changed except < or > are html codes. So you should not be scared of it. I still have my AdSense account.

By the way this blog is using a customized theme developed from Minima Stretch.

Post a Comment

Search

Custom Search