Build Online Store! | Penguin Panda Series - New! | 4 Rules To Make Money | SEO Settings | Facebook Popup 1, 2, 3 | Mashable 1 , 2


Friday, June 10, 2011

How To Style BuySellAds Empty Ad Spots With CSS?


Pin It
Customize-BSA-adsBuySellAds is a name that is known to all. It is an advertisement service where you can buy and sell ads out of thousands of blogs and websites. Ads are displayed in different format sizes, the most popular being 125 by 125 and 468 by 60 and 300 by 250. By default the empty Ad Posts look dull and grey in color just like these,






468 by 60
125 by 125
I am sure no one would like the default look so lets play with some CSS!

Customizing BSA Ad Spots

Whether you are a blogger user or wordpress or a webpage holder, this tutorial works for all. We just need to add the CSS code to our style sheet and that's it. So follow up,
  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for
  4. and just above paste the code below,
.adhere{ background:#ffffff !important; border-color:#B7DBFF !important; }
.adhere:hover{ background:#EAF5FF !important; }
    5.   Save your template and you are done!
View your webpage to see your Ad spots with a more attractive look as shown below,
Active Mode Look:
customized bsa ad spot
Mouse Hover Look:
image
You can observe clearly how the ad spot changes color when the mouse cursor is hovered on it. So lets customize the colors.
Make these changes,
  • To Change the border color, kindly change #B7DBFF . Our Color Generator tool or Color Chart can be helpful.
  • To Change background color in active mode, kindly change #ffffff
  • To change background color in Mouse Hover mode, kindly change #EAF5FF
That's All! :>
PS: To change the Advertise Here font style and color. Kindly edit it from your BSA account.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »


Thanks for making this possible! Kindly Bookmark and Share it.
Technorati Digg This Stumble Facebook Twitter

9 comments:

Comment Page :
Amit on 8:00 PM, June 10, 2011 said... #

Hey Bro, everyone's showing too many ads on blogger blogs from past two days including mbt, what's the matter? why all have started showing ads suddenly?

Mohammad Mustafa Ahmedzai on 2:07 PM, June 11, 2011 said... #

@Amit

Nothing new in it buddy. Everyone enjoys monetizing the blog for it is the only source of income that helps us to maintain and run the blogs and provide you with free tutorials. Its the only right we have. :>

Digital Bunch ~ SEO Tips on 8:52 PM, June 13, 2011 said... #

Ads space can be directly customized in admin panel of BSA.

Mohammad Mustafa Ahmedzai on 3:10 AM, June 15, 2011 said... #

@Digital Bunch

Brother we can only customize the font appearance and not the hover effects. You can try them yourselves the results are always poor.

External Cladding on 2:41 PM, June 18, 2011 said... #

I would like to express my passion for your generosity for visitors who really want help with your niche. Your very own commitment to passing the message along came to be remarkably significant and have continually enabled employees much like me to reach their targets. The warm and helpful key points implies a great deal a person like me and still more to my peers. Best wishes; from each one of us.

Saqib on 8:24 PM, October 26, 2011 said... #

Is it possible to create account and get payment in Pakistan without having paypal account?

is there any other method available for Pakistanis?

Mohammad Mustafa Ahmedzai on 11:35 PM, October 26, 2011 said... #

@saqib
Unfortunately that's the only highgly used way. Other alternatives are no less than a headache. Please read this post: USe paypal in Pakistan

Unknown on 10:26 AM, December 02, 2011 said... #

ads on mbt never irritate me but rether i visit every time i get surprise the ads are placed is amazing just amazing mbt knows how to use each and every corner of limited space without interrupting visitor.

Regards,
for All file hosting Premium account Download Unlimited From any File Hosting @ goo.gl/18WXh

Pinku on 2:28 PM, January 08, 2012 said... #

How to add a background to an ad spot with animations?

I saw this on many blogs. It looks professional. There are many ad spots with different colors, and if we hover on them they expand. I too want to customize my blog like that. Mustafa bro please give a tutorial on that.
Thank You

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Mohammad

 

Recent Posts

Join Me On Facebook

8600+ Followers

Join The Team!

Licensed Under CC

Recent Comments

Follow Me On Twitter

2601+ Followers

My Blogger Tricks (MBT) © 2012. All Rights Reserved | Contact |