Attractive Advertise Here Widget For Blogger
It has very beautiful effect on mouse hover.This eye catching widget attracts more visitors and advertiser on your blog :)
Lets Start...
Attractive Advertise Here Widget For Blogger
Go To Your Blogger Dashboard > Layout
Click On Add Gadget > Add HTML/Java Widget
Now Paste Below Code In It And Your Are Done.
<style> #F4U-ads img { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid #c0c0c0; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; } #F4U-ads img:hover { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid red; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } </style> <div id="F4U-ads" align="left"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody> <tr> <td> <center> <a href="Advertiser URL" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSo0BypMUO3D1QkA4A687ppFHPZ8rthB1plLF05aZb9KHo3jozYBIjBR30pNeruMAQdSYTQVmU8BOa9TNdGLiSP3meDXVlglA87gu2VnOCRFdb8icp8gnkK5PomteivmqLwuEY_tB4mNw/s1600/advertise+here.png" height="125"/></a> </center> </td> <td> <center> <a href="Advertiser URL 2" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSo0BypMUO3D1QkA4A687ppFHPZ8rthB1plLF05aZb9KHo3jozYBIjBR30pNeruMAQdSYTQVmU8BOa9TNdGLiSP3meDXVlglA87gu2VnOCRFdb8icp8gnkK5PomteivmqLwuEY_tB4mNw/s1600/advertise+here.png" height="125"/></a> </center> </td> </tr> <tr> <td> <center> <a href="ADVERTISER URL 3" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSo0BypMUO3D1QkA4A687ppFHPZ8rthB1plLF05aZb9KHo3jozYBIjBR30pNeruMAQdSYTQVmU8BOa9TNdGLiSP3meDXVlglA87gu2VnOCRFdb8icp8gnkK5PomteivmqLwuEY_tB4mNw/s1600/advertise+here.png" height="125"/></a> </center> </td> <td> <center> <a href="ADVERTISER URL 4" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSo0BypMUO3D1QkA4A687ppFHPZ8rthB1plLF05aZb9KHo3jozYBIjBR30pNeruMAQdSYTQVmU8BOa9TNdGLiSP3meDXVlglA87gu2VnOCRFdb8icp8gnkK5PomteivmqLwuEY_tB4mNw/s1600/advertise+here.png" height="125"/></a> </center> </td> </tr> </tbody> </table> </div>
Replace To Your Advertising Url
Replace To Ad Description
Replace With Your Image Link
Note:
Give your feedback through comments and if you have any problem regarding to this widget then feel free to ask through below comment box. :)
thanks
ReplyDeletewww.learning-earningpoint.blogspot.com