Thêm tiện ích Facebook Like Box vào Blogger

Nếu bạn là một Fan của FaceBook thì tiện ích này khá hữu ích đấy. Nó giúp bạn đưa danh sách những người yêu thích sang Blogger một cách gọn gàng và đẹp mắt. 

HƯỚNG DẪN

1.Go vào Blogger Dashboard -> Layout -> Thêm Tiện ích 

2.Choose Html / Java Script . 

3.Paste các mã dưới đây bên trong nó.

<script type="text/javascript"> //<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");},
500);}); //--> </script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNUijmIw3imL7c68xkiJaR-hfTn9CwLsJzBy0pWx7Z6t5zdTkUxnPFCR9JprC1rtCZcwzXbs4oMqh0qNa3-js1I9RdUN8WcY5NHZMTzDv9GMizyKSYqt8CamrovpINPY6kRqclefocDJbd/s1600/facebook1.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: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #FF9D00;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=http://www.facebook.com/BlogspotTutorials&
width=245&colorscheme=light&show_faces=true& connections=8&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://www.blogspottutz.blogspot.com">Best Blogger Tutorials</a></span></div></div>