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 |
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.
![floating rectangle ad banner ad banner](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DKfsHU5rVl7GMHFNHqWD9BsbManjg4CCc2HVUKbOsGcuoFsnnV49MwXJwhC5f2Q-vepmeXww_N1NDXaaUXUKk88ouW9nWnSK5AzjobRC8ALH1F_caeruoO5g7B_lr2aHIEi-xU9u0Y8/s1600-rw/floating+rectangle+ads.png)
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.
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
You have to replace the text like below with advertisement script from the widget code. Otherwise it will display blank.
"Place Advertisement Code Here"
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
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
if yes please tell me how to doit i tried many ways but not happining