23 April 2019

How to Add Margin Space Around AdSense Ads: 2 Ways

Leave a Comment
It is quite easy to place Google AdSense ads on your website. You just have to copy the ad code from AdSense and paste it in your site's HTML wherever you want to show the ads such as in a sidebar, header, in-between posts, at the end of the post and various other places.

Add margin space around AdSense ads
Continue Reading...

21 April 2019

How to Add AdSense Ads at the End of the Post in Blogger

Leave a Comment
Do you want to add Google AdSense ads at the end of the post on your Blogger website/blog? These ads will perform very well and they can generate a good amount of revenue.

The CTR (click-through rate) and CPC (cost per click) of the ads are quite high at the end of the post. You can place any kind of ad unit you want such text/display ads, link ad unit, and matched content also.

Add AdSense ads at the end of the post in Blogger

Unlike WordPress, Blogger doesn't have any plugins support which can help you to add AdSense ad code at the end of the post, so you have to add it manually in your Blogger template. This tutorial will guide you how to do this.

Note: In our previous article, we have already discussed how to add AdSense ads below post title in your Blogger website/blog. Make sure to check out that tutorial also.

Which ad units & sizes you can place at the end of the post?


Google AdSense has a number of ad units and ad sizes available. Here we have discussed which ad units and ad sizes will perform well at the end of the post in Blogger -
  • 336x280 ad size - We recommend you to use 336x280 ad size (also known as large rectangle). It will perform well on both desktop and mobile devices.
  • Responsive ads - Responsive ads will automatically adjust their size according to the available space. They are mobile-friendly also.
  • 728x90 ad size - You can also use 728x90 (also known as leaderboard) ad size at the end of the post, however, it may not perform good as the height of the ad is quite small.
  • Link ad units - Along with text/display ads, you can also place link ad units at the end of the post on your Blogger website. Link ads also have various ad sizes, we recommend you to use responsive link ads.
  • Matched content ads - If your site is eligible for matched content ads, you can add them at the end of the post. Matched content is a type of recommendation tool which will show related posts from your blog along with the ads.
After selecting the ad size/unit as per your needs, login to your Google AdSense account and create a new ad unit. Once you have created it, copy its ad code.

Encode AdSense ad code for Blogger template


You can't place AdSense ad code in Blogger template directly. Blogger template doesn't support certain special characters such as greater than (>), less than (<), ampersand (&), and double quote symbol (").

You have to encode your AdSense ad code from HTML to XML coding. For this, you can use our online HTML to XML parser tool. Simply, go to this webpage and paste your AdSense ad code. After this, copy the parsed code and then it's ready to be added in your Blogger template.

Add AdSense ads at the end of the post in Blogger


Follow this step-by-step guide to add AdSense ads at the end of the post on your Blogger website -
  1. Login to your Blogger account and open your blog dashboard.
  2. Now go to Template > Edit Theme.
  3. Click anywhere in the template editor and press CTRL+F shortcut key to open the search box.
  4. Search the following code in your Blogger template -
  5. <div class="post-footer">
  6. Just below <div class="post-footer">, paste this code:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='clear: both; text-align: center; margin: 10px;'>
    <!--your AdSense code here-->
    </div></b:if>
    
    Make sure to replace <!--your AdSense code here--> with the parsed AdSense ad code that you have generated from the HTML to XML parser tool.

    We have used Blogger conditional tags in the above code so that AdSense ads will appear on your posts only (index pages). We have also aligned AdSense ads in the center and added margin space around AdSense ads using CSS text-align and margin properties in the style tag of the <div> container.

    Note: There may be more than one occurrence of <div class="post-footer"> code in your Blogger template (for desktop and mobile version). If the ads don't work, try with other occurrences of the code.
  7. Finally, tap the "Save theme" button. That's it.
Now go to your Blogger website and check if the ads are working properly. We hope you find this guide helpful to add AdSense ads at the end of the post on your Blogger website/blog. If you are facing any problem, feel free to share it in the comment section.
Continue Reading...

20 April 2019

How to Add AdSense Ads Below Post Title in Blogger

Leave a Comment
One of the best places where you can add Google AdSense ads on your Blogger website is below the post title. This will make ads will appear above the fold area so that the user will be able to see them without scrolling down.

Placing Google AdSense ads below post title will also help you to generate more revenue from your Blogger website as it will increase the click-through rate (CTR) and cost per click (CPC) of the ads.

Add AdSense ads below post title in Blogger
Continue Reading...

19 April 2019

How to Send Your Location to Someone on Android: 4 Ways

Leave a Comment
Is someone asking for your location but you don't know where you actually are? It can be really difficult sometimes to tell your location if you are in a new place. Thankfully, we have smartphones with us now.

Send your location to someone on Android
Continue Reading...

17 April 2019

How to Play Video in Full Screen on Notch Display Android Phone

Leave a Comment
Most of the Android smartphones are now coming with a notch display which has significantly increased the size of the screen. A notch display has a cut-out at the top of the screen where the front camera, speakers and various sensors are placed.

Play video in full screen on notch display phone
Continue Reading...