Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Demo : Xem trước tại đây
12/21/2015

Demo :

Xem trước tại đây
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

<!-- $CHAT -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<script language='javascript'>
    var f_chat_vs = "Version 2.3";
    var f_chat_domain =  "http:\/\/startuanit.net";    
    var f_chat_name = "Hỗ trợ trực tuyến";
    var f_chat_star_1 = "Chào bạn!";
    var f_chat_star_2 = "Bạn cần hỗ trợ gì ?";
    var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
    var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
    var f_chat_fanpage = "Admin.StarTuan"; /* Đây là địa chỉ Fanpage*/
    var f_chat_background_title = "#1092da"; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
    var f_chat_color_title = "#fff";
    var f_chat_cr_vs = 21; /* Version ID */
    var f_chat_vitri_manhinh = "right:10px;"; /* Right: 10px; hoặc left: 10px; hoặc căn giữa left:45% */    
</script>
<!-- $Chat Javascript (không được xóa) -->
<script src='https://rawgit.com/tuan2308/js/master/chatbox-v2.3.js'/>
<!-- $Chat HTML (không được xóa) -->
<div id='fb-root'></div>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'></i> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'></i><label id='f_chat_name'></label><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'></div>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'></div><div class='msg_b fb_hide' id='f_enter_2'></div><br/><p align='center' class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><p align='center' class='fb_hide' id='f_enter_4'></p></div><div class='chat-single' id='f_chat_source'></div></div></div>
<!-- #CHAT -->


Hướng dẫn thêm vào blog:

  1. Copy toàn bộ code trên
  2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
  3. Thay Admin.StarTuan thành địa chỉ fanpage của bạn ( ví dụ code trên địa chỉ fanpage mình là https://www.facebook.com/Admin.StarTuan )
  4. Bạn có thể thay các dòng bôi màu xanh trên theo nội dung bạn muốn
  5. Lưu mẫu và xem kết quả
  • Các bạn có thể tải file javascript tại đâytại đây sau đó upload lên host riêng.
  • Đoạn Bôi xanh ở trên là code jquery còn Màu cam là code font awesome nếu blog bạn đã chèn rồi thì xóa cũng đc nhé.


Fix lỗi:

Vì host không tự động cập nhập được nên các bạn tự sửa link host nhé
Sửa: https://cdn.rawgit.com/tuan2308/js/master/chatbox.js
Thành: https://rawgit.com/tuan2308/js/master/chatbox-v2.3.js
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook Code Tạo hộp chatbox hỗ trợ online cho fanpage facebookTrương Ngọc Tuấn8.8stars based on9reviews Demo : Xem trước tại đây
  • Blog bạn bè:
  • Admin Hiếu Blog |
  • Thủ thuật Windows |
  • Dii Nô IT |
  • Star Thịnh IT |
  • Star Bình IT |
  • Star Dũ IT |
  • Nguyễn Hùng IT |
  • By Trọng Trung |
  • Văn Dũng IT |
  • Star Cường IT
  • Lên trên