Floating Facebook Like Box Widget For Your Website Or Blogger Blog

Floating Facebook Like Box Widget For Your Website

Friends to day i have carried for you the most stylish floating Facebook like box widget for your website or blogger blog. A lot of newbie bloggers friend trying to find stylish and attractive Facebook widget for blogger blogspot. So here his struggle is complete. In tutorial i have given you a Html JavaScript copy it and upload it in your blogger blogspot. Facebook is the most using social network now a days. Friend as you know that Search engine will give you the traffic but after a long time. But this social network will give you fluent traffic from Facebook less then a minute. In this generation every one is using Facebook for finding helpful widget,information,SEO setting tuts etc...
Now i will teach you how to add this floating Facebook like box widget to your website or blog. Follow it,

Follow these Steps To Add Floating Facebook Like Box Widget To Your Blogger Blog Or Website.

First of all Login you desired Blogger Dashboard.
Go >> Layout > Click on " + Add a Gadget "
Select Html/JavasScript
A new page will open
Copy the code from here which is given below and
Past the code in the content section .
And Click on Save
Now open your blog and watch it.
Don't edit the Code otherwise it will not working.

1 2

Html Javascript code For Adding Floating Facebook Like Box Widget

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://3.bp.blogspot.com/-UM8oLoEci_A/WLVVC27e2SI/AAAAAAAADFk/S-k2mP1XUygOPZ0oAN9yqy8GqimXVFkVACLcB/s1600/Blogger%2Bhints%2Bfacebook%2Bpopup.jpg") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbloggertipssandtricks/&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://bloggerhints.com/">Blogger Hints</a></span> </div> </div>

Customization in Floating Facebook Like Box Widget.

bloggertipssandtricks/Replace it by your Facebook Page .
Remember only Past your Facebook page user name not all link.
Like
www.facebook.com/bloggertipssandtricks/

Final Words !

Thank you for following us if you face any problem in this post Floating Facebook Like Box Widget For Your Website Or Blogger Blog or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.
Is this is tutorial is helpful ?
Need to know your opinion
For Advertising Contact Us
Admin Moqaddar khan salgary