Add Floating Facebook Like Box With Adsense Ads Widget

0
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.
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
In previous post i have described how to add adsense ads flaoting in left or right side in blogg...
SUMMARY

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

You Might Also Like:

We hope this article helped you to learn Add Floating Facebook Like Box With Adsense Ads Widget. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "Add Floating Facebook Like Box With Adsense Ads Widget" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand