Tuesday, October 7, 2014

Tạo một facebook like box trượt dọc như thế nào

Posted by dientudieukhien at 10:46 PM 0 Comments

Tạo một facebook like box trượt dọc như thế nào

Fanpage ngày trở thành một thứ thiết yếu trong quá trình seo một blog, việc tạo một like box như thế nào trông đẹp nhưng không mất vẻ mĩ quan và không làm khó chịu bạn đọc là điều ta quan tâm, sau đây dientudieukhien.net chia sẽ cùng bạn cách tạo một facebook like box cho blogspot.
Tạo facebook like box
Trong hình trên bạn thấy khung like box trong khung đánh dấu không?
Thực hiện:
Vào "Bố cục"--->tạo một "Widget HTML/JAVSCRIP" và pase đoạn code sau vào:
<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://3.bp.blogspot.com/-_AyXpki-aa4/U7n2772IRmI/AAAAAAAACms/zSyAMv1P6e0/s1600/fb-ico.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 180px;padding: 0 5px 0 46px;width: 273px;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 style='background:#fff'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fdientudieukhien.net&amp;width=273&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=239280146120423" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:273px; height:180px;" allowtransparency="true"></iframe>
</div></div>
Chọn Lưu lại là ok.
*Chú ý: Bạn thay phần code màu xanh bằng code box facebook của bạn nha. Bạn vào đây để tạo iframe cho like facebook. https://developers.facebook.com/docs/plugins/like-box-for-pages



Click vào link tải ở trên đợi 5 giây, ấn "Bỏ qua quảng cáo". Click the link above, wait for 5s and click button "Skip Ad"
Tags:

Những bài viết cùng chủ đề:

Chia sẽ bài viết này

Cập nhật tin bài mới

Subscribe địa chỉ mail để nhận tin nhanh chóng. Chúng tôi sẽ giữ bí mật địa chỉ mail của bạn.

0 nhận xét:

back to top