Float 300px X 250px Advertisement Middle of Blogger Site

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

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.

background:transparent url('..');
margin:0 auto;
width: 300px;
<script type="text/javascript">
function getValue()
document.getElementById("BiggaponArUpore").style.display = 'none';
<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 id="Biggapon">
Place Advertisement Code Here


  • 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. 
Unknown says: 1/30/2015

really awsome blog bro :) check mery wala www.pakawaam1.com

BloggerSpice says: ADMIN 2/01/2015

You site is too slow..it was not loading properly.

Lakshya Dhillon says: 1/06/2016

Thanks bro really worked for me check live demo- www.besthappynewyear.com ... THANK YOU

BloggerSpice says: ADMIN 1/06/2016

Welcome Dhillon..Nice to hear that you have found this widget helpful. God Bless. :-d

Unknown says: 8/16/2016


BloggerSpice says: ADMIN 8/17/2016

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"

Unknown says: 8/26/2016

I'm sorry brother why my blogger is not have sponsor?

BloggerSpice says: ADMIN 8/26/2016

Hi Vat Vothy,

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


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




Unknown says: 9/01/2016

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 says: ADMIN 9/01/2016

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.




Jobs says: 11/27/2016

Thank you and may God bless you

BloggerSpice says: ADMIN 11/27/2016

Welcome Franktz. Same to you. :sp

Frank Zakaria says: 12/07/2016

It is true working , I used to earn $0.07to less than a dollar but since i applied the method , my revenue increased to $10 per day.
But am scared is this method free from good adsense policy violations?
Thank you

BloggerSpice says: ADMIN 12/07/2016

Hi Frank Zakaria, I think this will violate the AdSense terms of service. However many people are using this widget in non supported language site. For example Bangla language site. But its better to use this widget with other ads network. :wr

Merman Gian says: 8/30/2018

How to get real close ad ?

BloggerSpice says: ADMIN 9/03/2018

I didn't understand. Can you write in details?

JUDY BestView  says: 12/10/2018

Does it float on mobile view too?

Anonymous 1/27/2019

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

Contact Form


Email *

Message *