GOOGLE DỊCH

Thứ Hai, 13 tháng 3, 2017

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



123456789101112131415161718191234567891011121314151617181920<script language='javascript'>
    var f_chat_domain =  &quot;http://caonhatan.blogspot.com/&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;Cao-Nhật-An-1535665879795400&quot;; /* Đây là địa chỉ Fanpage*/
    var f_chat_background_title = &quot;#1092da&quot;; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
    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://cdn.rawgit.com/tuan2308/js/master/chatbox.js'/>
<!-- $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 -->

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 Cao-Nhật-An-1535665879795400&quot 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"/>

Không có nhận xét nào:

Đăng nhận xét