Use Javascript to Remove Borders from Adsense Ads


In this article, I would like to introduce how to use javascript to remove the white borders from Adsense/Chitika Ads.
In a later post, I will provide a better solution: use CSS to remove the white borders

Recently I joined in Google Adsense and Chitika to try to make some money from my humble technical blog.
After add ads to the blog, I notice there is big white border around the Ads. I have to remove the border as it makes the site ugly.



  

Google Adsense or chitika doesn't provide us an option to remove ads directly. So I have to write some javascript to remove the borders around ads.
The JavaScript code looks look below:
<script>
//<![CDATA[
var adStrs = ["AdSense1","AdSense2", "HTML1" , "HTML2"];
for (var i=0,len=adStrs.length; i<len; i++)
{
 var adStr = adStrs[i];
 var ad=document.getElementById(adStr);
 ad.style.backgroundColor="inherit";
 ad.style.border="0px none transparent";
 ad.style.margin=0;
 ad.style.padding=0; 
 var widget=document.querySelector('#' + adStr + ' .widget-content'); 
 widget.style.border="0px none transparent";
 widget.style.margin=0;
 widget.style.padding=0;
}
//]]>
</script>
AdSense1, AdSense2 are ids of Adsense Ads, HTML1, HTML2 are ids of Chitika Ads.
Next login to blogger, go to dashboard -> "Template", Click "Edit Html", at the end of page(before </html> tag) and paste the code above.
-- Here I also use CDATA tag to avoid have to escape special xml characters.

Now the ads looks like below. Now it looks much better.


You may also view: Use CSS to Remove Borders from Adsense Ads

Labels

adsense (5) Algorithm (69) Algorithm Series (35) Android (7) ANT (6) bat (8) Big Data (7) Blogger (14) Bugs (6) Cache (5) Chrome (19) Code Example (29) Code Quality (7) Coding Skills (5) Database (7) Debug (16) Design (5) Dev Tips (63) Eclipse (32) Git (5) Google (33) Guava (7) How to (9) Http Client (8) IDE (7) Interview (88) J2EE (13) J2SE (49) Java (186) JavaScript (27) JSON (7) Learning code (9) Lesson Learned (6) Linux (26) Lucene-Solr (112) Mac (10) Maven (8) Network (9) Nutch2 (18) Performance (9) PowerShell (11) Problem Solving (11) Programmer Skills (6) regex (5) Scala (6) Security (9) Soft Skills (38) Spring (22) System Design (11) Testing (7) Text Mining (14) Tips (17) Tools (24) Troubleshooting (29) UIMA (9) Web Development (19) Windows (21) xml (5)