Code Tạo Hộp Chat Box Cho Blogspot

Demo :

http://adminpiroyal.blogspot.com/

1234567891011121314151617181920<script language='javascript'>
    var f_chat_vs = "Version 2.1";
    var f_chat_domain =  "http:\/\/startuan.blogspot.com";    
    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.piroyal"; /* Đâ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://googledrive.com/host/0B-rxJklh-V2fN2ZHc3psNVRkV0E'/>
<!-- $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

Copy toàn bộ code trên
Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
Thay Admin.Pi.Royal thành địa chỉ fanpage của bạn
Bạn có thể thay các dòng bôi màu xanh trên theo nội dung bạn muốn
Lưu mẫu và xem kết quả

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"/>