Hello Friends Today I Am Gonna Show You How To Add Hover Effect On Advertise It's Looks Beautiful And Pretty.So Do You Wanna Add This Effect.So Follow My Steps.....................
- Open Your Blogger Account
- Click On Layour
- Click On Add Gadget
- Select HTML/JAVASCRIPT
- Paste The Below Code On HTML/JAVASCRIPT
<style> .bsbanner ul{list-style-type:none;margin: 0px auto;padding: 10px 0px 0px 0px;width:300px;overflow:hidden;} .bsbanner ul li{list-style-type:none;margin: 0px 1px 0px 3px;float:left;display:inline;background:orange;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;} .bsbanner ul li:hover {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;} .bsbanner ul li:active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .bsbanner ul li a img{-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;} </style> <div class="bsbanner "> <ul> <li style="background:#FF9900 !important;"> <a href=”URL ADVERTISERS PAGE”> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#FF0D00 !important;"> <a href=”URL ADVERTISERS PAGE”> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#00FF04 !important;"> <a href="URL ADVERTISERS PAGE"> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#FF00FF !important;"> <a href="URL ADVERTISERS PAGE"> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li> </ul> </div>
- NOTE: Change Orange Link With Your Advertising Page Link
- Change Yellow Link With Your Image Link
- Now Check Your Blog
Yipeeeeeeeeeeeeeeee...................................... It's Work
0 comments:
Hello Friends ?
My Name is (Mohammad Bilal) 21year old, live in sargodha,pakistan. am a Blog Designer and Devolper.Read more
Post a Comment