TechWiser
  • Home
  • How To
  • Internet
  • More
    • About Us
    • Contact Us
    • Advertise
    • Privacy Policy
    • Careers

TechWiser

  • Home
  • How To
  • Internet
  • More
    • About Us
    • Contact Us
    • Advertise
    • Privacy Policy
    • Careers

Apply Padding to Adsense Ads with this CSS Code

by Mrinal Saha March 4, 2015
written by Mrinal Saha March 4, 2015

Google AdSense is a popular Ad network for many small publishers like us. It works by coping pasting, small JavaScript code from AdSense dashboard to the part of the website, where you want to show ads. When people click on these Ads, you make money.

Now if you are an AdSense publisher for long time, then you may be already displaying Ads unit between the post. And plugins like Quick AdSense, make it easy to insert ads in the beginning, end, middle or anywhere you want within the blog post.

But sometimes, when we display Ads in the middle of the post, it may appear misleading to viewer. For instance, visitors may consider the ads as some image and click on it. Although we are not sure if this click counts as fraud click or not but this will defiantly degrade the user experience.

One way to get rid of this confusion is to, apply extra padding to make ads more clear. See the screenshot below.

adsense with padding

Apply padding to Adsense

To apply padding, simply add a little css, to the style tag of your AdSense JavaScript. The following will add extra padding on the right and top/bottom of the ads. Feel free to make any adjustment according to your need.

padding-right:300px;padding-top:10px;padding-bottom:10px;

To make it clear that, it’s an advertisement add text like ‘Advertisement’ or ‘Ads by Google’ using the following code

<div style="color:#666; text-align:left; font-size:12px;">Ads by Google</div>

The final code look something like the following screenshot.

google adsense modification

 

Since we are not tempering with JavaScript, this is not against AdSense policy. Moreover other reputed websites, also use this technique so you don’t have to worry. This small tip will reduce clutter and make your article more readable for visitor, while generating revenue for you. A win win situation for everyone.

 

0 comment
0
FacebookTwitterGoogle +Pinterest
Mrinal Saha

Mrinal is a tech geek who spends half of his day reading and writing about tech. While the nights are spent on shooting or editing YouTube videos. Feel free to geek out with him on-

You may also like

3 Ways to Loop YouTube Videos on Android...

October 11, 2019

Are Email Addresses Case Sensitive? Quick Experiment

August 9, 2019

How to Block Adult Websites on your Window...

August 3, 2019

10 Chrome Extensions to Supercharge Your Netflix Experience

July 11, 2019

7 Websites Every Android Enthusiast Should Know

June 19, 2019

10 Places to Get Amazing Wallpapers for iPad...

May 13, 2019

8 Best Wi-Fi Speed Test App for iPhone

April 30, 2019

Apps To Use Phone Camera as Web Camera...

April 5, 2019

How to Put Parental Controls on YouTube App

March 17, 2019

How to Tell if an Image Has Been...

March 16, 2019

Recent Posts

  • 6 Ways to Fix Windows 10 Not Booting up on Linux

  • How to Enable Fingerprint Lock on WhatsApp for Android

  • 8 Top iOS 13.2 Features That You Should Know About

  • 10 Best Samsung Galaxy Fit Tips and Tricks to Use It Effectively

  • How to Opt-Out of Siri and Delete your Recordings from your iPhone?

Apply Now

TechWiser Hiring

Ads

  • Facebook
  • Twitter
  • Instagram
  • Youtube
  • RSS

©TechWiser 2012-2019