Checkout this awesome floating facebook like box widget. If you want to add this widget to your blog just follow this simple steps
1.Go to Design > Page Elements.
2.Click Add A Gadget.
3.In Add A Gadget window, select the HTML/Javascript .
4.Paste the following code inside it
1.Go to Design > Page Elements.
2.Click Add A Gadget.
3.In Add A Gadget window, select the HTML/Javascript .
4.Paste the following code inside 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEL7O7ScYKAjeTzJylhtFStpnVKyq7gRAWy5eZc_WNqeBh4yoJ0tH2AYJ33uyz_5OtnWS8n41tMeqtVmMqWyH8L5bubvr0Q7bk9NF5fyvW_s8N5SmQGE0yc8WN2JlZ3eeI-L0feM8uhMQ/s320/fb1-right.png") 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%2Fzgamerx&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://www.zgamerx.blogspot.in"> Z GAMER X</a></span>
</div>
</div> 5.click on Save button customizations Replace zgamerxWith Your Facebook Page name
0 Peoples tell for us:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.