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; }
.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:
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.
No comments:
Post a Comment