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?

14
data:blog.title
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. 


Float 300px X 250px Advertisement Middle of Blogger Site
Float 300px X 250px Advertisement Middle of Blogger Site

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
4 Stars stars - "Float 300px X 250px Advertisement Middle of Blogger Site" I have previously published Floating Adsense and other's ads at the left or right s...

Post a Comment

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

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

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

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

NOT WORKING PROPERLY ONLY FLOATING A TEXT LIKE Close(X)

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"

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

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

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

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

Thank you and may God bless you

Welcome Franktz. Same to you. :sp

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

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

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *