20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

Add Floating Facebook Like Box With Adsense Ads Widget

how to Add Floating Facebook Like Box With Adsense Ads Widget or anyother affiliate ads float in blogger blogspot,float facebook follow us with advertisments in center,right,left gadget
how to Add Floating Facebook Like Box With Adsense Ads Widget in blogger
In previous post i have described how to add adsense ads flaoting in left or right side in blogger and another one post in which you can show your adsense ads or anyother affiliate network add in the center/middle of the website.now this time we are back with the bang,unqiue facebook floating box with advertisment spot.In this spot you can  add your adsense ads or any other affiliate network ads.you hardly find this widget on internet,after some struggle we are able to get this widget/gadget in our website.To grab this widget follow below steps.

Also Read:


How To Add Facebook Like Box Floating With Adsense Ads In Blogger:

Step 1. Log in to your Blogger account and Go to your Blogger Dashboard.
Step 2. Now Go to your Layout.
Step 3. Now Click on "Add a Gadget" then select "HTML/JavaScript".
Step 4. Now Copy the below code and Paste it in "HTML/JavaScript".
<style>
#Bloggersstand{
height:0px;
width:auto;
background:transparent url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#Biggapon{
height:280px;
margin:0 auto;
width: 620px;
background:#FEFEFE;
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="Bloggersstand">
<span style="color:#333333;font-size:13px;font-weight:bold;float:right;padding-top:1px;padding-right:10px"><a href="http://www.bloggersstand.blogspot.com" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="Biggapon">
<p>
<table border='0' cellpadding='0' cellspacing='0' color='#FFFFFF' width='610' style='margin: 5px 5px 0 0'>
<tr>
<td align='center' style='background-color: #FFFFFF; padding: 5px;' width='300'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloggersstand&amp;width=300px&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=545768893542869" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:250px;" allowtransparency="true"></iframe>
</td>
<td align='left' style='background-color: #FFFFFF; padding: 5px;' width='300'>
Adsense/Other Affiliate Ads Code
</script>
</td>
</tr>
</table>                        
</p>
</div>
</div>

Customization: 

  • Replace Bloggersstand with your facebook page
  • Change application id 545768893542869 with your app id.
  • Replace Adsense/Other Affiliate Ads Code with your ads code.
  • Change top:30% and left:30% for positioning the ads whereever your like place to display ads.
  • To Change width 620px.
Now save your template..Done.

Check your Website/Blog now you have unique facebook like box with advertisments widget box.

Post a Comment