How To Add Together Floating Ads Widget For Blogger/Blogspot

Banner advertisement is ane of the primary ways on how a blogger makes money. Carefully putting ads where visitors tin easily encounter them gives a higher peril of beingness clicked.

There are lot of techniques on how to strategically position banners, merely similar putting them on the header, sidebar as well as below post titles.

And immediately I volition exhibit you lot a unlike technique, its most how to add together floating banners then that you lot tin position ads inwards it. Installation of this fox is real slowly merely similar my past times tips on blogger widget.

By adding this widget as well as carefully blending it beautifully amongst your template, you lot tin increase revenue for your blog.   

DEMO

Features

• Very slowly to install as well as uninstall 
• Attractive expect that makes visitors click on the ads.
• Has a unopen button
• Gives peril to increase ads earnings.
• Readers tin easily encounter your ads.

Add this widget

1. Go to your blogger account

2. Click layout > Add gadget > HTML/Javascript.

3. Add the codes below

 <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 bluish 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>

Ads code here

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

 Customize

• Replace "Ads code here" amongst your adsense script code.
• You tin alter the width past times replacing its value160px.
• If you lot desire to float it on the correct side, alter "left" to "right".
• After doing approximately customization, hitting relieve as well as depository fiscal establishment stand upward for out your novel floating Ads.

Do you lot liked it? Kindly subscribe or percentage our work.

Cheers! 
 

Blogger widget