Float 300px X 250px Advertisement Middle of Blogger Site

Float 300px X 250px Advertisement Middle of Blogger Site
Float 300px X 250px Advertisement Middle of Blogger Site
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. 

18 Comments

  1. Unknown
    really awsome blog bro :) check mery wala www.pakawaam1.com
  2. BloggerSpice
    You site is too slow..it was not loading properly.
  3. Lakshya Dhillon
    Thanks bro really worked for me check live demo- www.besthappynewyear.com ... THANK YOU
    • BloggerSpice
      Welcome Dhillon..Nice to hear that you have found this widget helpful. God Bless. :-d
  4. Unknown
    NOT WORKING PROPERLY ONLY FLOATING A TEXT LIKE Close(X)
    • BloggerSpice
      Hi Zara,
      You have to replace the text like below with advertisement script from the widget code. Otherwise it will display blank.

      "Place Advertisement Code Here"
  5. Unknown
    I'm sorry brother why my blogger is not have sponsor?
    • BloggerSpice
      Hi Vat Vothy,

      Please first follow the below tutorial to solve the number page navigation problem from your Blogger template.

      http://www.bloggerspice.com/2016/08/ajax-page-navigation-problem.html

      For advertisement you can apply to Google AdSenes. And alternatively you cna try any third party ads. Please use anyone for best result. Don't use 2/3 ad network at a time. Just you have to register with their site and place advertisement script in your site. Thanks. :sp

      http://www.bloggerspice.com/2015/09/make-money-by-best-google-adsense-alternative-RevenueHits-ad-network.html

      http://www.bloggerspice.com/2015/09/earn-money-by-propeller-Ads-UK-based-advertising-platform.html

      http://www.bloggerspice.com/2015/09/does-infolinks-genuine-contextual-advertising-platform.html
  6. Unknown
    Can you help i never make eain the so i don't know about its if you help me i give to you improve me please
    • BloggerSpice
      Hi Vat Vothy,
      Your message is not clear to me. Please register with any advertisement network and place their script. Advertisement will start display on your site.

      You will find review about third party advertisement network from below URLs.

      http://www.bloggerspice.com/2015/09/make-money-by-best-google-adsense-alternative-RevenueHits-ad-network.html

      http://www.bloggerspice.com/2015/09/earn-money-by-propeller-Ads-UK-based-advertising-platform.html

      http://www.bloggerspice.com/2015/09/does-infolinks-genuine-contextual-advertising-platform.html
  7. Admin
    Thank you and may God bless you
    • BloggerSpice
      Welcome Franktz. Same to you. :sp
  8. Merman Gian
    How to get real close ad ?
    • BloggerSpice
      I didn't understand. Can you write in details?
  9. JUDY BestView 
    Does it float on mobile view too?
  10. hello if i want to open this link for ex.(google.co.in) in that floating ads can i do that ...
    if yes please tell me how to doit i tried many ways but not happining
  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
Go Up