Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

Đây là đoạn code giúp bạn có thể thêm khung hỗ trợ trực tuyến bằng Fanpage Facebook đơn giản dễ làm cho Blog cũng như Website của bạn :v

Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog

*Code khung hỗ trợ trực tuyến bằng Fanpage cho Blog:

Code bên dưới các bạn chỉ cần thêm tiện ích(cách thêm tiện ích cho Blog vui lòng xem tại đây) vào Blog là được.Khung hỗ trợ trực tuyến này có tác dụng giúp người đọc dễ tiếp cận với Fanpage của bạn hơn.Từ đó tăng số like Fanpage của bạn.các bạn nhớ thay địa chỉ Fanpage cho hợp lý nha :v

Nhấn tổ hợp phím Ctrl + A sau đó nhấn tổ hợp phím Ctrl +C để copy tất cả.

<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.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <style>#cfacebook{position:fixed;bottom:0px;right:8px;z-index:999999999999999;width:250px;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:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;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;}</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> Hỗ trợ trực tuyến</a> <div class="fchat"> <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/blog.minhtri/" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"> </div> </div> </div> </textare>

Demo Click here  Download Click here

Chia sẻ:

Tác giả: Nguyễn Minh Trí

- Là một học sinh cấp 3 ,đam mê viết Blog để chia sẻ những kiến thức về internet mà mình biết

Bài viết liên quan