Floating Facebook Like Box

VIEW DEMO

#Các bước thực hiện

1.Đăng nhập Blogger > Mẫu > Chỉnh Sửa HTML 

2.Tìm thẻ </body> rồi dán code dưới vào trên nó.

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf85_1wOJjWdhRq-MACXX7Uvi6o6iZ6ZjIYj5-bshcVS0g_BsFoh7Ul8duh3X5lS2HLnzweZFLdKObLCBpU8pTpnLb2HPUChNgFli2oRh4qHBjK8ogGSkeHkqYNdy1XtG8wPBkw2_P85Qv/") 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%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } </style><div class="theblogwidgets" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com/khanh98blogspotcom&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;color:000;"></iframe></div></div>

Thay đoạn được đánh dấu màu vàng thành link fanpage của bạn.
3.Tìm thẻ </head> rồi thêm đoạn scrip dưới vào trên nó.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Nếu template của bạn đã có scrip trên thì không cần làm bước 2.
4.Save lại và kiểm tra kết quả.Gặp khó khăn gì thì bình luận phía dưới, mình sẽ giúp đỡ.