Home
How To

How to Align Adsense Ads Left, Right and Center in Your Posts

How to Align Adsense Ads Left, Right and Center in Your Posts
AdSense

Align ads  is very simple but blogger sometime face trouble that they can't align their ads according to their desire. Often blogger has to align not only the Google Adsense but also from the alternatives of Ads. So I am just sharing with you a simple trick to align your ads  in Left, Right or Center.  And it will also manipulate your earnings from the ads.

For example we will show the AdSense below or end of the post. For this reason just follow the below steps.

Step 1 Now Click on Template ->Edit HTML

Step 2 Click on  Now click on -> Template -> Edit HTML-> Unfold code  ►

Step 3 Now find  <data:post.body/> by pressing Ctrl + F 
Note: You will find 3/4 time this code go for second one

Step 4 Now Paste your AdSense Code Above or After  the above code.

Note:

  • If you paste the AdSense code above/before  <data:post.body/> then your ads will shows below Every Post Title.      
  • If you paste the code after <data:post.body/> code then AdSense will show end of every posts.

How to Adsense Ads Align Left Side

If you want to show your Google Adsense ad below post tile in blogger in the left side then copy the code shown below

    <div style="float: left; margin: 10px 10px 10px 0;">
    YOUR ADSENSE CODE HERE
    </div>


How to Adsense Ads Align Center

If you want to show your Google Adsense ad below post tile in blogger in the center then copy the below code

    <div style="text-align: center; margin: 10px 0 10px 0;">
    YOUR ADSENSE CODE HERE
    </div>


How to Adsense Ads Align Right Side

If you want to show your Google Adsense ad below post tile in blogger in the right side then copy the code shown below

    <div style="float: right; margin: 10px 0px 10px 10px;">
    YOUR ADSENSE CODE HERE
    </div>

Note:

  • First Convert the Adsense Code into the Compatible Mode from Here
  • Replace YOUR ADSENSE CODE HERE with your converted code.

Simple Method to Align Adsense Ads Left, Right and Center

There has also simple method you can use it the above code doesn't work. Just follow the below sample to make it work..

  • For Left align <left>YOUR ADSENSE CODE HERE</left>
  • For Centering <center>YOUR ADSENSE CODE HERE</center>
  • For Right align <right>YOUR ADSENSE CODE HERE</right>

13 comments

  1. thanks!
  2. Not working man
    • Post has been updated..Please use the simple method to make it work
  3. same problem but thanks for you rply



    • bro I have used simple method to align all of my ads and I have use this on my demo blog also
  4. Thanks its great To us
  5. not work www.udakumagazine.com
    • Hi David have you tried with simple method--I think it will work fine.
  6. Hallo Rabbi

    How are you?

    Nice Article, I was applied your theme on my website tallyssolution.blogspot.com but this tutorial is not working on my site. Will you please help. I implement code after 2nd data:post.body tag. Please help
    • Hi Sumit Kumar :t
      I just visited your site but i didn't find any AdSense script. This widget work good on AdSense. However you can use different ad platform but you must choose 300px X 250px ad banner. Thank you.
  7. Hi..

    I do not have AdSense account... I placed adcash ad code on my site but instead of below post it is showing also on main page with each post. Please help
    • I think you have placed the ad above post area. use conditional tag become the ad script.

      <b:if cond='data:blog.pageType == "item"'>
      Ad script here
      </b:if>


      http://www.bloggerspice.com/2014/11/Ultimate-Guidelines-for-implementing-Blogger-Conditional-tag.html
Go Up