Saturday, July 9, 2011
How To Style BuySellAds Empty Ad Spots With CSS?
Do you like this story?
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.This post was written by: Rishikesh
Rishikesh is a 17 years old part time blogger, web designer and front end web developer. Follow him on Twitter