How To Add Floating AD in Blogger/Blogspot Adsence

 
Banner ads are one of the main ways a blogger makes money having Adsense Approval. Carefully placing ads where visitors can easily see them provides a higher chance of being clicked.
There are many techniques on how to strategically place banners, such as placing them in the header, sidebar, and post titles below.
And now I'm going to show you a different technique, it's on how to add a floating banner so you can place ads in it. The installation of this trick is very easy like my past tips on blogger widgets.
By adding these widgets and carefully blending them beautifully with your templates, you can increase revenue for your blog.
 

Features 

  • Very easy to install and uninstall
  • Attractive look makes visitors click on ads.
  • It has a close button
  • It provides an opportunity to increase advertising revenue.
  • Readers can easily see your ads.
  • Add this widget

  • 1. Go to your blogger account
  • 2. Click Layout> Add Tool> HTML / JavaScript.
  • 3. Add the icons below

How to add Floating Ads Widget For Blogger/Blogspot

Here is a Script That You Have To Put It In Your Blogger 

 <style>
#btftopbar {
height:30px;
width:auto;
background: #005094 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:600;
margin:0 auto;
width: 160px;
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="btftopbar">

<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.fromhobby2money.blogspot.com/
2013/03/how-to-add-floating-ads-widget-for.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="adsground">
<h3></h3>
<p align="left"><h3></h3></p>
<p>

Your Ad code here

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

 

 Customize

  1. Replace "ad code here" with your adsense script code.
  2. You can change the width by replacing its value160px.
  3. If you want it to float on the right side, change "left" to "right".
  4. After doing some customization, hit save and check out the new floating ads.