(All Share) Like box fanpage cố định bên sườn phải của website blog một widget tuyệt vời nó làm cho blog của chúng ta gọn gàng và đẹp mắt hơn rất nhiều
3. Thay FacebookDevelopers thành tên Fanpage của bạn hoặc bạn có thể thay thế cả đoạn mã code <iframe>...</imframe> nếu gặp khó khăn ở việc thay tên vì đoạn mã code trên các ký tự bị mã hóa nên hơi khó nhìn để lấy mã code "iframe" các bạn vào đường dẫn sau để thực hiện: https://developers.facebook.com/docs/plugins/like-box-for-pages/
Chú ý : Width = 245px và Height = 270px
4. Vào mẫu > Chỉnh sửa HTML > và thêm đoạn code sau vào trước thẻ đóng </head>
Demo các bạn có thể xem tại Blog này của mình nhé mình
Like box này được sắp xếp bằng các thuật toán Javascrip để thêm widget này vào blog rất đơn giản như sau:
1. Đăng nhập quản trị Blog > Bố cục > Thêm tiện ích HTML/Javascrip
2. Dán đoạn code sau vào
<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/AVvXsEjkZHjwlEtSZWGX-3t3MueuApSTuUot-OwBz6s-nrdSs6jGR9ko0j8Ph6aamJEyd2M8jJ2jvANcnaXe6JIZ76dsEMRClUdbwQ-jw5O0FbyZUJyGClaAOrS8_RAOTQFriBAzmuIBPEahYUU/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">
<div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&width=245&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=1513126995575357" style="border: none; height: 290px; overflow: hidden; width: 245px;"></iframe>Widget by :<a href="http://www.allshareblog.blogspot.com/"> All</a> </div>
</div>
3. Thay FacebookDevelopers thành tên Fanpage của bạn hoặc bạn có thể thay thế cả đoạn mã code <iframe>...</imframe> nếu gặp khó khăn ở việc thay tên vì đoạn mã code trên các ký tự bị mã hóa nên hơi khó nhìn để lấy mã code "iframe" các bạn vào đường dẫn sau để thực hiện: https://developers.facebook.com/docs/plugins/like-box-for-pages/
Chú ý : Width = 245px và Height = 270px
4. Vào mẫu > Chỉnh sửa HTML > và thêm đoạn code sau vào trước thẻ đóng </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>5. Nếu Blog của bạn có thư viện JQuery rồi thì bỏ qua bước 4 nhé Lưu mẫu lại và xem kết quả
Chúc các bạn thành công