Thêm widget like fanpage ẩn cho blogspot

Chào các bạn! Ở bài viết này BDK xin giới thiệu đến các bạn 1 widget rất quen thuộc đó là widget like fanpage ẩn bên phải trang blog. Thật ra bài viết này chỉ mang tính sưu tầm thôi vì đã có rất nhiều blog chia sẻ rồi. Ở widget này Khánh có chỉnh một số thông số theo ý mình, bạn nào thích có thể mang về dùng. Mời bạn xem trước

DEMO

Cách thêm wiget

Bạn chỉ cần vào Bố cục > Thêm tiện ích > HTML/Javascript. Sau đó dán đoạn code này vào là được<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script><!--Floating Facebook Widget by http://blogduykhanh.blogspot.com START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogduykhanh").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogduykhanh{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4miHI9lIIBP3m0c-RNf9RORThuRADU2Lc1yT941dCXI_3Bnl2tFNUx-nZW_29zsBZqzf1NsQd_QeRwjL-wmqJUx9NqGjxZvyV2CtLncsPyg9uy6Sxv51bF4bhRQGtRSAFDn8Dsbovi96N/s1600/blogduykhanhwwidget.png") no-repeat scroll left center transparent !important; float: right;height: 220px;padding: 0 5px 0 35px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .blogduykhanh div{ padding: 0; margin-right:-8px; border:4px solid  #284486; background:#fafafa;} .blogduykhanh span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogduykhanh span a{color: gray;text-decoration:none;} .blogduykhanh span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.Blogduykhanh.com--><div class="blogduykhanh" style="">
<!--Brought to you by http://blogduykhanh.blogspot.com/--><div>
<!-- http://blogduykhanh.blogspot.com--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blogduykhanh&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=230" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 230px; width: 245px;background:#fafafa;color:000;"><!--Brought to you by http://blogduykhanh.blogspot.com--></iframe></div>
</div>
<!--Floating Facebook Widget by http://blogduykhanh.blogspot.com END-->Bạn chỉ cần đổi tên fanpage https://www.facebook.com/blogduykhanh thành tên fanpage của bạn là được rồi. Rất là đơn giản ^^ Tiện thể mời bạn like fanpage của Khánh ở cuối bài viết để xem nhiều hơn các thủ thuật khác nhé.