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.
• 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.
• Next click to tick Expand Widget Templates checkbox like the screenshot below:
• 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.