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

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

Comments: 14
data:blog.title
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. And remember before using your AdSense code it must be Parsed by HTML Encode.

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>

Speak Your Mind

Admin says: 2/17/2013

thanks!

Lazy Students says: 6/26/2013

Not working man

Mohammad Fazle Rabbi says: 6/26/2013

Post has been updated..Please use the simple method to make it work

Lazy Students says: 6/26/2013

same problem but thanks for you rply



Mohammad Fazle Rabbi says: 6/26/2013

bro I have used simple method to align all of my ads and I have use this on my demo blog also

Gobi zen says: 6/28/2013

Thanks its great To us

Adeel Amjad says: 7/11/2013

i need help to place add on my blog side right side bar . Ads are appearning on HOME page perfectly but it's not appearning when we open any post . can you help me to fix it ?

Mohammad Fazle Rabbi says: 7/12/2013

Hi Adeel I have visited your site. This is not any problem. Google Allows 3 Ad units and and 3 link unit. But you have added 3 ad unit on home page and another 2 ad unit on content page. So when you enter into content page then sidebar ads won't show. Because Google allows only 3 ads not more than that. so count the ads when you are on home page then top right header 1 ad and into your sidebar 2 ads = total 3.

and when you are in content page then top right header 1 ad and below post title 2 ads = total 3

derick david says: 6/06/2014

not work www.udakumagazine.com

Mohammad Fazle Rabbi says: 6/07/2014

Hi David have you tried with simple method--I think it will work fine.

Sumit Kumar Gogawat says: 4/17/2017

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

Rabbi Khan says: 4/18/2017

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.

Sumit Kumar Gogawat says: 4/18/2017

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

Rabbi Khan says: 4/18/2017

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

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *