How to add Floating 300px X 250px Advertisement widget at the Middle of the Blogger template?

I have previously published Floating Adsense and other's ads at the left or right site of the Blogger template. And That ads widget was really highly demanded widget like Hot cake. For this reason I have planned to create another floating ads widget where you will able to display AdSense and any other advertiser ads code easily. And the main feature of this widget is that this will able to generate higher revenue from your Advertising agency. I have take this concept from popup Facebook widget that help us to get more Likes from visitors, similarly this advertisement widget will help the used to generate more income. 

After adding this widget in your Blogger template it will appear at the middle of the Blog site. And until clicking on close button it will be visible to the viewers. So there are more chances to get click on advertisement. As a result you will able to maximize your income from advertisement. 

Though this widget can be used in case of all advertising platform. But my suggestion is, not to use for Adsense. Because it will violate AdSense terms and condition by forcing a viewers to click on ads. So by using this widget if you get penalty from AdSense then I am not liable. But for other ads platform you can happily use and generate income rapidly.  


ad banner
Though this widget will appear at the center of the Blogger template for this reason, I recommended to add 300px width X 250px Height ads. Because it won't be annoying the viewers. And the advertisement widget will float at the middle of the site, as well as it will stick to the position if viewers scroll down. So for adding this widget please follow the below steps-

Step #1: Log in to your Blogger Account and Go to your Blogger Dashboard
Step #2: Go to your "Layout" tab.
Step #3: Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.
Step #4: Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.
<style>
#BloggerSpicesVasmanBiggapon{
height:0px;
width:auto;
background:transparent url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#Biggapon{
height:260px;
margin:0 auto;
width: 300px;
background:transparent;
text-align:center;
padding:4px;
}
#BiggaponArUpore{
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("BiggaponArUpore").style.display = 'none';
}
</script>
<div id="BiggaponArUpore">
<div id="BloggerSpicesVasmanBiggapon">
<span style="color:#333333;font-size:13px;font-weight:bold;float:right;padding-top:1px;padding-right:10px"><a href="http://www.bloggerspice.com/2015/01/how-to-place-300px-X-250px-advertisement-at-the-middle-of-blogger-site.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="Biggapon">
<p>                                      
Place Advertisement Code Here
</p>
</div>
</div>

Customization

  • Replace "Place Advertisement Code Here" with your AdSense or others ads code.
  • Change top:30%; and left:30%;for positioning the ads in center of your Blog site.
  • To increase or decrease wide please change the value width: 300px.
Step #5: Finally click the "Save" button
Hope you have successfully added the advertisement widget and generating more revenue than before. I have told before that this widget designed for 300px width X 250px Height ads. 

But you can add bigger size ads if you like by little customization the code. For any further help feel free to write me. 
Float 300px X 250px Advertisement Middle of Blogger Site