1
![[ Thủ Thuật Forumotion ] Chèn Chat Ibox Facebook vào Forum Empty](https://i.servimg.com/u/f35/19/09/66/76/icon-n10.gif){kind=icon}
Fri 13 May 2016 - 8:13Tử Thần
Ban Truyền Thông
Đăng Ký : 15/11/2015
Bài Viết : 45
Giới Tính : 
Hôm nay mình sẽ giới thiệu một kiểu Chat mới, cũng dựa trên nền tảng Facebook. Ở phiên bản này thì bất cứ khách truy cập nào đã đăng nhập Facebook đều có thể gửi tin nhắn đến Fanpage của bạn mà không cần phải like Fanpage.
![[ Thủ Thuật Forumotion ] Chèn Chat Ibox Facebook vào Forum 21d4u8o](https://2img.net/h/oi68.tinypic.com/21d4u8o.png)
Và nhìn nó khá chuyên nghiệp và giống như những Form hỗ trợ phổ biến khác. Nó sẽ hiển thị ở góc dưới bên phải màn hình.
Code 1 các bạn dùng đoạn code sau nhé code 1 ở trong phần "Header" của website .
Code 2
*** Lưu ý : Thay đường link https://www.facebook.com/hienmauvn/
Hi vọng tính năng này có ích đối với bạn.
Nguồn : Sưu tầm và biên soạn !
Và nhìn nó khá chuyên nghiệp và giống như những Form hỗ trợ phổ biến khác. Nó sẽ hiển thị ở góc dưới bên phải màn hình.
Code 1 các bạn dùng đoạn code sau nhé code 1 ở trong phần "Header" của website .
- Code:
<!-- Begin chatbox facebook Form -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>#cfacebook{position:fixed;bottom:0px;right:8px;z-index:999999999999999;width:250px;height:auto;box-shadow:5px rgba(0,0,0,0.2);overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#f2f2f2;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:#ccc;text-decoration:none;}</style>
<script>
jQuery(document).ready(function () {
jQuery(".chat_fb").click(function() {
jQuery('.fchat').toggle('slow');
});
});
</script>
Code 2
- Code:
<div id='cfacebook'>
<a class='chat_fb' href='javascript:;' onclick='return:false;'><i class='fa fa-facebook-square'/>Hỗ trợ trực tuyến</a>
<div class='fchat'>
<div class='fb-page' data-adapt-container-width='true' data-height='400' data-hide-cover='false' data-href='https://www.facebook.com/hienmauvn/' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='250'/>
</div>
</div>
- Code:
Và đoạn code 2 thì cho vào trước thẻ </body> là được
*** Lưu ý : Thay đường link https://www.facebook.com/hienmauvn/
Hi vọng tính năng này có ích đối với bạn.
Nguồn : Sưu tầm và biên soạn !
Bình Luận Facebook 