How to Add Stylish & Attractive "Advertise Here" Widget for Blogger

Today i will give you a nice and atrractive advertise here widget for sidebar it's very Good Widget and it's easy to customize,it's totally built in CSS and Jquery. Every one is makes blog for earning some money but when you fail to make money from your Blog through any advertising site then it's better for you to atract advertisers and i hope you all get new advertisers for your website and soon you will began to Make a Dashing amount of money.

• LIVE DEMO

1. Login to Your Blogger Account.Go to your Blogger Dashboard →  Layout → Add a Gadget.
2. Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.
3. Add the code given below.

<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/AVvXsEjHHKLfGI-tzipigCmHOFqlgOnAeH9yAL_g83_aqEV3m-9rOfQyrVP-fLShHez4bMwa0qksltpcffPqe3aUwXPxPt14lvOLReg5CNX7BV_ybxVmqp6_PEH74fkbFPB713_eXfzdXFjBl_zj/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/AVvXsEjHHKLfGI-tzipigCmHOFqlgOnAeH9yAL_g83_aqEV3m-9rOfQyrVP-fLShHez4bMwa0qksltpcffPqe3aUwXPxPt14lvOLReg5CNX7BV_ybxVmqp6_PEH74fkbFPB713_eXfzdXFjBl_zj/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/AVvXsEjHHKLfGI-tzipigCmHOFqlgOnAeH9yAL_g83_aqEV3m-9rOfQyrVP-fLShHez4bMwa0qksltpcffPqe3aUwXPxPt14lvOLReg5CNX7BV_ybxVmqp6_PEH74fkbFPB713_eXfzdXFjBl_zj/s1600/advertise+here.png" height="125"/></a> </center> </td> <td> <center> <a href="https://blogger-templatees.blogspot.com/" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHKLfGI-tzipigCmHOFqlgOnAeH9yAL_g83_aqEV3m-9rOfQyrVP-fLShHez4bMwa0qksltpcffPqe3aUwXPxPt14lvOLReg5CNX7BV_ybxVmqp6_PEH74fkbFPB713_eXfzdXFjBl_zj/s1600/advertise+here.png" height="125"/></a> </center> </td> </tr> </tbody> </table> </div>

How to add 125×125 ADS SLOTS

Replace Advertiser URL To Your Advertising Url
Replace AD DESCRIPTION To Ad Description
Replace Image URL With Your Image Link