How To Add Colorful Css Animations To BuySellAds Banners

-
Step 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css
Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.

This is a scroll box make sure to get all the code.

<!-- Start BSA Css http://www.spiceupyourblog.com -->
.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}
<!-- End BSA Css http://www.spiceupyourblog.com -->

That's it check out your BSA ad zones with the cool effect., make sure to check out more of ourCss tutorials.

Comments

Post a Comment

Thanks You

Popular posts from this blog

-
Image
This week with the design change here on SUYB i have been going through some of the archive and updating older posts.I needed to update the design of some of the posts and in some cases the content itself.You know there is some really cool posts from up to 2 years ago that stand the test of time.I know many of you missed these posts when they were first published and they could be just what your looking for. So i thought today i would bump up 10 of them.From Blogger Gadgets and Design to SEO and Traffic here are 10 great posts you may have missed.
Read more

Beautiful Animated Hover Effect Captions For Images On Blogger

-
Image
    In this post we have not only an amazing effect you can add to the images you use in your blog posts but it's amazingly simple and amazingly fast so wont slow down you page load time.The effect is similar to what you will see on many Featured Posts Gadgets, when you hover your cursor over the image a caption scrolls up from the bottom with your selected text. So, you can have the title of the image, a description, date taken, credit or anything you like.The code we will use has No Javascript this ensures it will load fast and as i said not slow down your blog.The code is all Css3 (Don't Worry I Will Keep It Simple) so you have a flowing and transparent effect with the caption.There is also a stylish Shadow edge around the image On-Hover. Just show us the demo and screenshot so we can see for ourselves i here you shout ! OK But, Before i show you the demo you should note while this image caption will work with all browsers older versions of Internet Explorer will...
Read more

16 Stunning Free Gallery Style Blogger Blogspot Templates

-
Image
In this post we will continue my list of The Best Free Blogger Templates in the most popular styles.We have already listed the best  Artistic Templates ,  Magazine Templates ,  Dark Templates  and  Odd Templates .Today i have listed some awesome Template with a Gallery design.Gallery templates can be used for any type of blog but are most popular with Photography Blogs, Design Blogs, Image Based Blogs and Portfolio Blogs.The basic premise behind a Gallery template is the posts are displayed on the home page as images, so the first images is cropped into a thumbnail and displayed.Some of the templates i have listed below are set to display up to five rows of images.The templates have lots of other features listed with the screenshot and for the Live Demo and Download details simply click the title.
Read more