How to Add Popup/Floating Ads Widget for blogger

Floating-ads-bar-widget-bloggerlab
After getting approval from Content based Advertisers (Pay per click) and driving good traffic, increasing readers but, Revenue of your blog not increasing. Dipping of Revenue if we analyze wrong placement of Ads, Selection of colors for ads display, and sizes etc makes your revenue drop down. There are so many ways to increase your blog revenue with simple bloggertricks and bloggertips. Here, 90degreelab is going to teach you about how to increase your Blog Revenue by adding Floating/Popu widget for blogger to display Ads.
Adsense is number in Content based Ads displaying (Pay per click) program. If Displays Ads in right place then definetly your income would increase gradually. Our tutorial will point you to educate how to create Floating widget for Ads on your blog.


What are the Advantages for adding "Floating widget for Ads :

  • Readers concetration may dragged towards widget where Ads displayed
  • Quite attractive widget brings readers to click on Ads
  • No need work hard for adding this widget
  • Simple methods makes you to add this widget for your blog
  • You can increase your blog Revenue by means of this "Floating Ads widget

How to add "Floating Widget for Ads" :

  1. Sign into your blogger account
  2. Click on "Design (Layout in the new blogger interface)
  3. Click on "Add a Gadget" widget tab
  4. Select "HTML/Javascript" widget
  5. Now, copy the below code and paste in it

<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">
<img align="left" style="padding-right:2px;" src="http://4.bp.blogspot.com/-vzd4PC3mEFk/T-sufsJgLxI/AAAAAAAAAN4/knJUIQkvjtE/s300/blogtariff.com.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Sponsor Ads</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://90degreelab.blogspot.com" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
"Ads code Here"
<br/></p></div></div>

Customization :-

  • Replace "Ads code Here" with your Adsense script code
  • If you want display 120x600 ads adjust "160px" to 120
  • By default Ads will be displayed at left sidebar, if you want to display ad on Right side then change "left:" with "Right".
  • After all successful necessary modifications "Save your Widget" and "Save the blog Template". Now its time to preview your experiment.

Previous
Next Post »