Share CODE ChatBox Hỗ Trợ Online Cho Blogger Blogspot

Thảo luận trong 'Theme - Plugin' bắt đầu bởi Pussy, Thg 2 21, 2017.

  1. Pussy

    Pussy New Member

    Tham gia ngày:
    Thg 3 21, 2016
    Bài viết:
    866
    Xem: 435
    Nếu bạn cảm thấy hay, hãy chia sẻ để ủng hộ tác giả, xin cám ơn
    Chào các bạn chắc hẳn các bạn đã biết đến 1 vài code chatbox (hỗ trợ trực tuyến) cho blogspotbằng việc chat đến Fanpage Facebook. Bộ này cũng là Code chat cho blogger dạng như vậy nhưng được nâng cấp nhìn khá chuyên nghiệp. Khi khách mới lần đầu tiên ghé thăm website của bạn thì sẽ xuất hiện lời chat tư vấn giống như có người đang trực tuyến sẵn sàng nói chuyện vậy.

    Bộ code này sử dụng jquery + javascript

    Các bạn có thể xem demo hình ảnh dưới đây

    [​IMG]

    Sau khi ấn vào bắt đầu chat sẽ hiển thị như thế này

    [​IMG]

    Những hướng dẫn về chỉnh sửa link Fanpage màu nền màu chữ v.v... đã được hướng dẫn chi tiết trong code rồi nhé:
    Mã:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
    
    <script language='javascript'>
    var f_chat_vs = &quot;Version 2.1&quot;;
    var f_chat_domain = &quot;http://CODESEO.NET&quot;;
    var f_chat_name = &quot;Hỗ trợ trực tuyến&quot;;
    var f_chat_star_1 = &quot;Chào bạn!&quot;;
    var f_chat_star_2 = &quot;Bạn cần hỗ trợ gì ?&quot;;
    var f_chat_star_3 = &quot;<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>&quot;;
    var f_chat_star_4 = &quot;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.&quot;;
    var f_chat_fanpage = &quot;kenhtinhoc.net&quot;; /* Đây là địa chỉ Fanpage. chỉ lấy đuôi của Fanpage. Ví dụ của mình là http://facebook.com/kenhtinhoc.net thì mình lấy kenhtinhoc.net*/
    var f_chat_background_title = &quot;#1092da&quot;; /* Các bạn thay đoạn #1092da thành mã màu mà bạn thích */
    var f_chat_color_title = &quot;#fff&quot;;
    var f_chat_cr_vs = 21; /* Version ID */
    var f_chat_vitri_manhinh = &quot;right:10px;&quot;; /* 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://googledrive.com/host/0B3-Sfnmhxh_BUzhZYXpvbjBEUUU'/>
    <!-- $Chat HTML (không được xóa) -->
    <div id='fb-root'/>
    <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'/> 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'/><label id='f_chat_name'/><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(&quot;<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/&quot;+f_chat_fanpage+&quot;' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'/>&quot;);</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'/><div class='msg_b fb_hide' id='f_enter_2'/><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'/></div><div class='chat-single' id='f_chat_source'/></div></div>
    <!-- #CHAT -->
    Các bạn vào chỉnh sửa HTML của Blogger dán code này trên thẻ </body> nha

    LIKE và SHARE nếu thấy hay.
     
    Last edited by a moderator: Thg 8 3, 2017
  2. Đang tải...
Trả lời qua Facebook

Chia sẻ trang này