We already shared a number of widgets with our site readers and many of our loyal readers liked our work, so today we will comes with one another amazing trick that how you can easily float your ads in middle of blogger posts. You may have visited some blogs, where you seen a popup advertisement will be appeared and whenever you clicked on close button then it will be closed automatically. Many people think that it can be done only in wordpress but now you can also add it to your blogger blog.
If you’ve not yet understand that what’s it then just take an example of facebook popup like box that you may’ve used to get more likes, same as this widget will help you to generate more clicks on advertisements because whenever a user land on your site then it will appear in center of your blog, so many new internet users clicked your advertisements that help you to increase your revenue.
What’re Features of this Widget?
As we already discussed that it will help you to increase your revenue by getting more clicks on your advertisements but if you’re using some ads network that only depends on pageviews then this is one of the best widget for your blog because there are a lot of ads networks that allows you to display ads in popup, so by using these networks you can easily generate some handsome money by implementing their ads in this widget.
Before adding any ads network advertisement in this widget you must need to read their terms and conditions because some ads network will don’t give you permission to display ads in popup however if they allow you to display ads in popup then simply follow below instructions.
Method to Add Float Ads in the Middle of Posts
- Go to Blogger Dashboard>> Layout Section.
- Now click on “Add Gadget” and select HTML/JavaScript.
- Now copy below code and paste in HTML/JavaScript box.
<style>
#SBTWidget{
height:0px;
width:auto;
background:transparent url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#spicebloggertricks{
height:260px;
margin:0 auto;
width: 300px;
background:transparent;
text-align:center;
padding:4px;
}
#WidgetSBT{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:30%;
left:30%;
background:transparent;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("WidgetSBT").style.display = 'none';
}
</script>
<div id="WidgetSBT">
<div id="SBTWidget">
<span style="color:#333333;font-size:13px;font-weight:bold;float:right;padding-top:1px;padding-right:10px"><a href="http://www.spicebloggertricks.com/2015/02/how-to-float-ads-in-middle-of-blogger-posts.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="spicebloggertricks">
<p>
Your Ads Code Here
</p>
</div>
</div>
Customization:
- Replace “Your Ads Code Here” with your own advertisement code.
- We’ve adjusted 300x250 advertisement space, so you can also customize Width: 300px; according to you needs. From The Editor’s Desk!
We hope this widget will helps you to increase your revenue however if you’ve faced any problem while adding it to your blog then feel free to ask your questions in comments section. Don’t forget to share it with your friends and also subscribe our feeds for getting upcoming widgets straight to your inbox.
EmoticonEmoticon