Premium Blogger Templates

HOW TO ADD FLOATING WIDGET TO BLOGGER BLOG FOR ADS


Many bloggers have approval adsense account or other, but they don't get enough clicks, so they always think some tricks of floating widget for place adsense ads or other ads,

 For visitors eye attraction. So someone introduce floating widget for blogger blog that anyone can place adsense ads, affiliate ads or other ads. This trick generate more click on adsense or other ads. But  my dear friends i am not sure that if you place adsense ads or other ads on floating widget then they banned on your account or not, So must read carefully respected advertising network company agreement.


HOW TO ADD THIS WIDGET TO BLOGGER

  1. Go to Your Blogger Account.
  2. Click on Layout.
  3. Now Click on Add a Gadget (anywhere).
  4. Then HTML/JavaScript .
  5. And add the following code.
<style>
#AlamLife {
height:30px;
width:auto;
background: #005094 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:251px;
margin:0 auto;
width: 250px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="AlamLife">

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.alamlife.com/2013/08/how-to-add-floating-widget-to-blogger.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="adsground">
<h3>
</h3>
<p align="left">
<h3>
</h3>
</p>
<p>
your Ads code here

<br/></p>
</div>
</div>

CUSTOMIZE

  1. Replace "your Ads code here" with your own adsense or other ads code .
  2. You can change height and width by replacing its value 251px and 250px into your own .
  3. If you want to float on the right side then find the following code by pressing ( Ctrl + F ) on keyword .
  4. Find code   left:10px; 
  5. And replace with   right:10px;
  6. Now you have done ! .

0 σχόλια: