How To Add "Floating Widget For Ads"
What Are The Advantages For Adding "Floating Widget For Ads"
Readers concetration may dragged towards widget where Ads displayedQuite attractive widget brings readers to click on AdsNo need work hard for adding this widgetSimple methods makes you to add this widget for your blogYou can increase your blog Revenue by means of this "Floating Ads widget"
How To Add "Floating Widget For Ads"
Sign into your blogger accountClick on "Design (Layout in the new blogger interface)Click on "Add a Gadget" widget tabSelect "HTML/javascript" widgetNow, 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJg12iREOtrEUVfYoY2tXKQ8zmAu-Heyl5ETfnhBCT7GX2wmSTseRxdiy3Oo8WjXftUsS1MgouvVeoZwJuWuzEjcLGCEz4zCoqJcwq_J5Of8p4sgTkj7axPLafAx_AtP6eSUrPCGN0ojI/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://www.blogtariff.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 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.
Configuration
After installing, you might want to change these default settings:
No comments:
Post a Comment