How to Add Popup/Floating Ads Widget for blogger
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"
Sign into your blogger account
Click on "Design (Layout in the new blogger interface)
Click on "Add a Gadget" widget tab
Select "HTML/Javascript" widget
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="#" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Click to Close</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.bidvertiser.com/bdv/bidvertiser/bdv_ref.dbm?Affiliate_ID=25&Ref_Option=pub&Ref_PID=493381" 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>
#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="#" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Click to Close</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.bidvertiser.com/bdv/bidvertiser/bdv_ref.dbm?Affiliate_ID=25&Ref_Option=pub&Ref_PID=493381" 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 and
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.
Appreciation:
If you enjoyed our tutorial and helped you little bit, help us to Subscribe to our blog.
Thanks but where i am put ads.
ReplyDeleteFree download full version
@ but Where i am put ads.......
ReplyDeleteReplace "Ads code Here" with your Adsense script code
Hey wondering if its possible that if somebody click "Close" it just close not to go to new tab, tell me how thanks.
ReplyDelete
ReplyDeleteThanks for sharing this elaborate information.
place your ads
Amigo este script é massa!
ReplyDeletewhat is Adsense script code and where can I get it? Thanks in advanced...
ReplyDeletethanks for sharing great information Get more SEO Tutorials The 24 Hour SEO Workout
ReplyDeleteok i will try this one on my blog if it works.sometimes scripts are not compatible with IE11
ReplyDelete