My Blog Widgets: Stylish

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. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazRIQVR5B-bjZWd3JICk5QSXY1sZdf_FUxEiAg7tuKX54cTUN-EgOZNiGdRBSw3fo0_ixxHTEfMBemU5reVCFpzFDpe0jk9mkYGR0Bpkd40R4mD3tULbfSKMUH-k1al6BHet4o3TICMKd/s1600/Stylish+&+Attractive+Advertise+Here+Widget+for+Blogs.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazRIQVR5B-bjZWd3JICk5QSXY1sZdf_FUxEiAg7tuKX54cTUN-EgOZNiGdRBSw3fo0_ixxHTEfMBemU5reVCFpzFDpe0jk9mkYGR0Bpkd40R4mD3tULbfSKMUH-k1al6BHet4o3TICMKd/s320/Stylish+&+Attractive+Advertise+Here+Widget+for+Blogs.gif" width="320" /></a></div>
 
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. 
 
 
 
<div>
</div>
<div>
Step 3: After click on Add a Gadget link A pop-up box will open now.</div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NBHy5gDBgEgcJxXLh_uiUcubKIfCWObP_PsxBB1lJOBdgv_IFLDpDcW7-a9VdOR1ihQexmiqwtC3lJh7V7TXfilbhjVGhPuVMzbRLrlQH7vivr3FbaIkrcfRGTCKzuvdNOxvLd3VYtjT/s1600/2013-12-07_051839.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NBHy5gDBgEgcJxXLh_uiUcubKIfCWObP_PsxBB1lJOBdgv_IFLDpDcW7-a9VdOR1ihQexmiqwtC3lJh7V7TXfilbhjVGhPuVMzbRLrlQH7vivr3FbaIkrcfRGTCKzuvdNOxvLd3VYtjT/s400/2013-12-07_051839.png" width="400" /></a></div>
<div>
Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.</div>
<div>
</div>
 
 
<div>
Step 4: Add the one of code given below.</div>
 
<blockquote class="tr_bq">

<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/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/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/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/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/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/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/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/s1600/advertise+here.png"
 height="125"/></a> </center> </td> </tr> 
</tbody> </table> </div></blockquote>
 
<div style="background-color: white; color: #464646; font-family: Lora, serif; font-size: 14px; line-height: 21px;">

Replace              To Your Advertising Url</div>


<div style="background-color: white; color: #464646; font-family: Lora, serif; font-size: 14px; line-height: 21px;">
Replace              To Ad Description</div>

<div style="background-color: white; color: #464646; font-family: Lora,serif; line-height: 21px;">
Replace               With Your Image Link</div>
 
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.....

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

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 i…

AddThis

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

AddThis Smart Layers