add facebook like box to your blogger

add facebook like box to your blogger:

Facebook pages are becoming more and more popular with brands, bands, organisations and celebrities who want to boost their social exposure on the web. Facebook’s social plugins and widgets are a great way to link your Facebook page with your website. Let’s look at how to not only insert the popular Like Box code onto your website, but also how to customize it to fit with your design, and make sure the code correctly validates.

customizations:

find and replace www.facebook.com/dpkumaroffical   with your facebook page url 

	//<!--
	$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
	//-->
	<style type="text/css">
	.w2bslikebox{background: url("http://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y
	_JzjA/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
	.w2bslikebox div{border:none;position:relative;display:block;}
	.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
	.w2bslikebox span a{color: #808080;text-decoration:none;}
	.w2bslikebox span a:hover{text-decoration:underline;}
	</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/dpkumaroffical&amp;width=245&amp;colorsche
	me=light&amp;show_faces
	=true&amp;connections=9&amp;stream=false&amp;header=f
	alse&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span> <a href="http://goo.gl/is26nh">Get This!</a>
	</span></div></div>

view raw add facebook like box to your blogger hosted with ❤ by GitHub