Top Ad unit 728 × 90

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

Demo :

http://fbcoverdemo.blogspot.com/2016/10/demo-code-hop-chatbox-ho-tro-online-cho.html#comment-form
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

<script language='javascript'>
    var f_chat_vs = "Version 2.1";
    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://cdn.rawgit.com/tuan2308/js/master/chatbox.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
  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 đây sau đó upload lên host riêng.
  • Nếu Các Icon Không hiện thì các bạn thêm font awesome vào blog bạn nhé
  • Đặt đoạn code này dưới thẻ </head>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook Reviewed by Trương Ngọc Tuấn on 12/21/2015 Rating: 5

11 nhận xét:

  1. lúc đầu vào sẽ có mấy dòng tin tự động trước, mình chèn vào mà nó ko hiện chỉ hiện số thôi, có thể xung đột javacript gì, bác cho mình xin code đang dùng nhé, nền blogger

    Trả lờiXóa
    Trả lời
    1. vẫn bình thường mà bn :)
      bn thử chèn lại vào web xem

      Xóa
  2. Trả lời
    1. Nếu bấm Trả lời Chat thì lần sau vào ko hiện :3

      Xóa
  3. hay thank nhé

    Template blogspot đẹp tại : http://www.softwpro.info/

    Trả lờiXóa
  4. cho mình hỏi làm sao thây đổi thay đổi dòng chử live chat facebook và đường link dẫn về địa chỉ khác vậy bạn link hình bên dưới :))
    https://4.bp.blogspot.com/-wYVkvb4WFBk/V9JsH5sFV0I/AAAAAAAAEYc/VQx8N6rmID88LuJE7fsUrCNmcM4UAf1mACLcB/s320/fdfdfdef.png

    Trả lờiXóa
  5. Nếu chatbox không hiện thì các bạn thay

    https://9970ad2a56fc8714afba571720bfd7d86f3a8561.googledrive.com/host/0B4dR4T8FGwMjdjVNRVQwdE1STzA/chatbox.js

    thành

    https://cdn.rawgit.com/tuan2308/js/master/chatbox.js

    nhé

    Trả lờiXóa
  6. Anh ơi em làm rồi nhưng nó ko chat được ạ, https://imgur.com/a/99iaW

    Trả lờiXóa

✩ Viết tiếng Việt có dấu
✩ Không spam
✩ Không chửi tục, nói bậy
✩ Không quảng cáo thông qua khung Comment.

All Rights Reserved by Star Tuấn Blog © 2015 - 2016
Powered By Blogger, Designed by Star Tuấn | Facebook | Youtube

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.