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

♠ Posted by Muhammad Kaif in , at 06:07
Hello My Dear Readers 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.


Follow these Steps:
  
Step 1: Adding Stylish & Attractive "Advertise Here" Widget for Blogs.
Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Layout>Add a Gadget.



Step 3: After click on Add a Gadget link A pop-up box will open now.
Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.


Step 4: Add the one of 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/AVvXsEjrv_XCfc17fTeD-fMJQAYtlkrksFSh3Mqshb7D9etwT-i1DcKyx3cl3XO4jiu-sbn79hzbu_C56m0Cgf0FBkToq1g_SAtshD7MLCdRH5WtXVvB1kM0P_NWzdg23rl1hnCO3bVihtA7qHjf/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/AVvXsEjrv_XCfc17fTeD-fMJQAYtlkrksFSh3Mqshb7D9etwT-i1DcKyx3cl3XO4jiu-sbn79hzbu_C56m0Cgf0FBkToq1g_SAtshD7MLCdRH5WtXVvB1kM0P_NWzdg23rl1hnCO3bVihtA7qHjf/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/AVvXsEjrv_XCfc17fTeD-fMJQAYtlkrksFSh3Mqshb7D9etwT-i1DcKyx3cl3XO4jiu-sbn79hzbu_C56m0Cgf0FBkToq1g_SAtshD7MLCdRH5WtXVvB1kM0P_NWzdg23rl1hnCO3bVihtA7qHjf/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/AVvXsEjrv_XCfc17fTeD-fMJQAYtlkrksFSh3Mqshb7D9etwT-i1DcKyx3cl3XO4jiu-sbn79hzbu_C56m0Cgf0FBkToq1g_SAtshD7MLCdRH5WtXVvB1kM0P_NWzdg23rl1hnCO3bVihtA7qHjf/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

Final Words
If  you like it then please Share your views using comment box in future we will introduce more Widgets like this. Happy Earning.....

0 comments:

Post a Comment