BuySellAds 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,
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,- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for
- and just above paste the code below,
.adhere{ background:#ffffff !important; border-color:#B7DBFF !important; }5. Save your template and you are done!
.adhere:hover{ background:#EAF5FF !important; }
View your webpage to see your Ad spots with a more attractive look as shown below,
Active Mode Look:
Mouse Hover Look:
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 »
10 comments:
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?
@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. :>
Ads space can be directly customized in admin panel of BSA.
@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.
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.
Is it possible to create account and get payment in Pakistan without having paypal account?
is there any other method available for Pakistanis?
@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
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
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
Hi Dear i cannot create the space of ad buy/sell in my blog.please explain where and how the above code is to paste.?
Click Here To add Comment
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. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.
Regards,
Mohammad