How to add Floating Ads widget to Blogger

Add Floating Ads Widgets for your Blog:

By keeping the floating ads widget to blogger blog. The Blog owner can earn more money by keeping this floating ads widget. Carefully place the ads in order to get high clicks. So place the ads in a way that it should be visible to the visitors. So many bloggers will have Adsense but they are unable to earn more money because of less clicks. So This is one way to get clicks and earn money from Adsense.
You can keep the ads on the right side or left side. You can also increase the widget width to your desired width. 
floating-ads-widget-blogger-javascript

 

Features: 
Here i am going to mention some features of the widget.
  • It is easy to install and easy to uninstall.
  • It also has a close button.
  • Attractive look and makes the visitor to click the ads.
  • Visitors or readers can easily sees the ads.
  • Chance of increase the Revenue.
how-to-add-popupfloating-ads-widget-for

Steps to Add the Floating Ads Widget to Your Blog:

Step 1) Go to ..>>Blogger Dashboard..>>Layout.
Step 2) Click on “Add a Gadget”.
Step 3) Select the “html/Java script”
Step 4) Copy and Paste the below code.

 

<style>
#theblogservicesflotads {
height:30px;
width:auto;
background: #333333 url(‘..’);
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#theblogservicesadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#theblogservicesadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:0px;
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(“theblogservicesadsheadline”).style.display = ‘none’;
}
</script>
<div id=”theblogservicesadsheadline”>
<div id=”theblogservicesflotads”>
<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=”#” onclick=”getValue()”>close(x)</a></span>
</div>
</div>
<div id=”theblogservicesadsbase”>
<h3>
</h3>
<p align=“left”>
<h3>
</h3>
</p>
<p>
Ads code here
<br/></p>
</div>
</div>

Step 5)You have completed. You can make the customization by seeing below.
 I have also written a Article which you need to increase the Revenue. So check this If you need How to Add Random Ads Widget for Blogger.

Customization:

  • Replace Ads Code Here with Your Adsense Code.
  • Change the “Left” to Right, to get the Ads right.
  • Change the Width 160px to Your desired width.

Conclusion:

I think you reached the correct place and Cleared your doubt about “How to add the Floating Ads widget to blogger blog“. If you have any Doubt feel free to ask. We get to you soon. Like Us.

2 Comments

  1. Dewita Riska February 11, 2015 Reply
  2. Piyush Rashinkar December 28, 2015 Reply

Leave a Reply