Thursday, 11 June 2015

How Add Floating Facebook Like Box Widget In Blogger

tips4tricx
In this post i introduce a important blogger plugin, Facebook like box widget .If you wants to increase in facebook like for your blogger or your websites facebook floating like box is a way that help you increase your facebook likes for blos and websites. When you move your cursor on this widget, Facebook like box automatically pop out with beautiful floating box. This floating box widget is for blogger user.
If you are wordpress user and want to add floating facebook like box widget in wordpress click facebook floating like box widget for wordpress users , I hope that your problem will be solved . See following I think you will like .

How Add Floating Like Box Widget In Blogger

If You want to install in your blog or website see following simple steps:

Log in your blogger Account and go to layout
Click add a Gadget choose HTML/Java Script
Copy following code and paste It

<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://lh3.googleusercontent.com/-KRn2LlEtNpY/UV62FviO7-I/AAAAAAAACos/uobcQU2DHGE/s155/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 246px;z-index: 99999;position:fixed;right:-251px;top:21%;} .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%2Ftipsandtricxt&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=271" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 271px; width: 246px;background:#fafafa;"></iframe><span>Get this Widget :<a href="http://www.tips4tricx.blogspot.com/search/label/Widgets"> From here</a></span> </div>
</div>

Now click save Change ,

Copy and Paste Following code

After change your Facebook username Instead of tipsandtricx,

Your Facebook floating like box will show.
Previous Post
Next Post

post written by:

0 Google+:

Please Keep in mind that if there is a link in your comment section it will be considered as spam. Comment with link will be removed instantly.
Comment to get answered or to solve a problem not to spam. Thanks