Colorful Hover Effect To Buysell Ads

CSS hover effect trick for banner ads are more help full to get the maximum revenue out of displaying  ads as you can saw in most blogs.This works well because , the hover effect changes make as contrast and look different from other images.This will increase the CTR of ads.

If you don't have buysellads account then you can apply form here www.busysellads.com.Then wait for approval.

If your are one of the published then you  may have also look for this post.This works only for buysellads and only the width of the sidebar should must atleast or greater than 300px.

Adding Colorful hover effect to buysellads to blogger

• login to blogger 
• Edit template->html
• Then search for

After that copy and paste the below code.

Then save the template.

CSS Animation to Buysellads banner for wordpress

Just copy the below code and add those codes to your predefined style sheet.That's it you will also get this effects.

CSS Animation for banner ads code

Code for both blogger and wordpress are same as it is a CSS style codes.just copy and pastes as above mentioned.

.bsap a{text-shadow:1px 1px 1px #111 !important;color:#eee !important;padding:7px !important;margin:0 10px 10px 0px !important;overflow: visible !important;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottomright:80px;border-top-left-radius:80px;border-bottom-right-radius:80px;}
.bsap a:hover{-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.bsap a img{border: 0 none !important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px !important;}
.bsap .even{margin-right:0 !important;}
.bsap .ad1{background:#e42b2b !important}
.bsap .ad2{background:#ff8400 !important}
.bsap .ad3{background:#a800ff !important}
.bsap .ad4{background:#49a7f3 !important}
.bsap .ad5{background:#41d05f !important}
.bsap .ad6{background:#B24700 !important}
.bsap .ad7{background:#FFE500 !important}
.bsap .ad8{background:#007D47 !important}
.bsap .ad9{background:#330000 !important}
.bsap .ad10{background:#990000 !important}
.bsap .ad11{background:#f70000 !important}
.bsap .ad12{background:#80FEC8 !important}

That's it save and look those effects,have any trouble comment below?