Code chat box Facebook cho blogSpot
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 blogspot bằ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
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget
Thay bằng url của bạn
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#x...";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>
#cfacebook{position:fixed;bottom:38px;right:20px;z-index:99;width:260px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}
#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}
#cfacebook .fchat .fb-page{margin-top:-5px;float:left;}
#cfacebook a.chat_fb{float:left;padding:0 25px;width:260px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}
#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}
.fchat span{ width:260px!important;}
</style>
<script>
jQuery(document).ready(function () {
jQuery(".chat_fb").click(function() {
jQuery('.fchat').toggle('slow');
});
});
</script>
<div id="cfacebook">
<a href="javascript:;" class="chat_fb" onclick="return:false;"><i class="fa fa-facebook-square"></i> Chat Với Chúng Tôi</a>
<div class="fchat">
<div style="width:250px;" class="fb-page"
data-href="https://www.facebook.com/muasam.onlines/"
data-tabs="messages"
data-width="260"
data-height="280"
data-small-header="true">
<div class="fb-xfbml-parse-ignore">
<blockquote></blockquote>
</div>
</div>
</div>
</div>
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget
Thay bằng url của bạn
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#x...";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>
#cfacebook{position:fixed;bottom:38px;right:20px;z-index:99;width:260px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}
#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}
#cfacebook .fchat .fb-page{margin-top:-5px;float:left;}
#cfacebook a.chat_fb{float:left;padding:0 25px;width:260px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}
#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}
.fchat span{ width:260px!important;}
</style>
<script>
jQuery(document).ready(function () {
jQuery(".chat_fb").click(function() {
jQuery('.fchat').toggle('slow');
});
});
</script>
<div id="cfacebook">
<a href="javascript:;" class="chat_fb" onclick="return:false;"><i class="fa fa-facebook-square"></i> Chat Với Chúng Tôi</a>
<div class="fchat">
<div style="width:250px;" class="fb-page"
data-href="https://www.facebook.com/muasam.onlines/"
data-tabs="messages"
data-width="260"
data-height="280"
data-small-header="true">
<div class="fb-xfbml-parse-ignore">
<blockquote></blockquote>
</div>
</div>
</div>
</div>
