Add Avertise Here banner with hover

515 loyal readers

RSS feed | E-mail

1058 followers

Follow us on Twitter!

260 followers

Join us on Facebook!

• 
• 
• 
• 

1. Go to blogger.com
2. go on layout
3. Click on add gadget
4. select html

Now paste the below code and save it


<!--CSS Hover Effects To 125x125 Advertisement Banners By windowsreloded.com-->
<style>
.MoreBlogTools-Ads ul{
list-style-type:none;
margin: 0px auto;
padding: 10px 0px 10px 0px;
width:300px;
overflow:hidden;
}
.MoreBlogTools-Ads ul li{
list-style-type:none;
margin: 0px 5px 10px 5px;
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%;
}
.MoreBlogTools-Ads 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%;
}
.MoreBlogTools-Ads 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%;
}
.MoreBlogTools-Ads 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="MoreBlogTools-Ads">
<ul>
<li style="background:#e42b2b !important;">
<a href="http://www.infotechblogging.info/p/blog-page.html" rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjuppPi02t8L1jUzb1ZW7xJJnaKFwpMkn74JoErplRgfNaXmCUurdG87FRlf8sycerHoyARUOpZ_e6wG7_hdTT6PSsLXr2_YeyuyP10GBOtLQiKCcGKD-Q5Tvse3WZUcvlpWsVRfg09vV/s1600/Capture.PNG" width="125" />
</a></li>
<li style="background:#FFE500 !important;">
<a href="http://www.infotechblogging.info/p/blog-page.html" rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjuppPi02t8L1jUzb1ZW7xJJnaKFwpMkn74JoErplRgfNaXmCUurdG87FRlf8sycerHoyARUOpZ_e6wG7_hdTT6PSsLXr2_YeyuyP10GBOtLQiKCcGKD-Q5Tvse3WZUcvlpWsVRfg09vV/s1600/Capture.PNG" width="125" />
</a></li>
<li style="background:#a800ff !important;">
<a href="http://www.infotechblogging.info/p/blog-page.html" rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjuppPi02t8L1jUzb1ZW7xJJnaKFwpMkn74JoErplRgfNaXmCUurdG87FRlf8sycerHoyARUOpZ_e6wG7_hdTT6PSsLXr2_YeyuyP10GBOtLQiKCcGKD-Q5Tvse3WZUcvlpWsVRfg09vV/s1600/Capture.PNG" width="125" />
</a></li>
<li style="background:#41d05f !important;">
<a href="http://www.infotechblogging.info/p/blog-page.html" rel="nofollow">
<img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjuppPi02t8L1jUzb1ZW7xJJnaKFwpMkn74JoErplRgfNaXmCUurdG87FRlf8sycerHoyARUOpZ_e6wG7_hdTT6PSsLXr2_YeyuyP10GBOtLQiKCcGKD-Q5Tvse3WZUcvlpWsVRfg09vV/s1600/Capture.PNG" width="125" />
</a></li>
</ul>
</div>
<!--CSS Hover Effects To 125x125 Advertisement Banners By windowsreloded.com-->