• Khung chat/ liên hệ giúp cho đọc giả liên hệ người quản lí một cách thuận tiện nhanh chóng
  • Tốc độ load trang tùy theo tốc độ phản hồi của Facebook
DEMO:



Cách bước thực hiện: 
  • Bước 1: Vào bố cục > Thêm tiện ích > HTML/Javascript > Copy toàn bộ code phía dưới vào

<div id="fb-root"></div><script>$(document).ready(function() {var raido = $(".wrap").attr("data-toggle");if(raido==1){$(".mnv-tuvan").css("display","none");$(".x").click(function(){$(".wrap").slideToggle();$(".mnv-tuvan").slideToggle();});$(".mnv-tuvan").click(function(){$(".wrap").slideToggle();$(this).slideToggle();}); }else{$(".wrap").css("display","none");$(".x").click(function(){$(".wrap").slideToggle();$(".mnv-tuvan").slideToggle();});$(".mnv-tuvan").click(function(){$(".wrap").slideToggle();$(this).slideToggle();});}}) (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&appId=887080981367835";fjs.parentNode.insertBefore(js, fjs);}(document, "script", "facebook-jssdk"));</script><style>.wrap{position:fixed; width:300px; height: 400px; z-index:9999999; right:0px; bottom:0px;}.x{font-family: arial, helvetica;background: rgba(78,86,101,0.8) none repeat scroll 0 0;font-size:14px;font-weight:bold;color: #fff;display: inline-block;height: 25px;line-height: 25px;position: absolute;right: 0;text-align: center;top: -19px;width: 25px;z-index: 99999999;}.x:hover{cursor: pointer;}.pxem{text-align:left;height:20px;margin-bottom: 0;margin-top: 0;background: #0088b5;width:100%;bottom: 0;display: block;left: 0px;position: absolute;z-index: 999999999;border-left: 1px solid #fff;}.pxem a.axem{color: #fff;font-family: arial,helvetica;font-size: 12px;line-height: 23px;padding-left: 5px;text-decoration: none;}.pxem a.axem:hover{text-decoration: underline;}.alogo{position: absolute;bottom: 0;right: 0px;z-index: 999999999999;width: 40px;height: 20px;display: inline-block;background:#0088b5;padding-right: 0px;padding-left: 5px}.mnv-tuvan{position:fixed;width: 300px;background: #0088b5;z-index:99999999;right:100px;bottom:0px;  border-style: solid solid none;border-width: 1px 1px 0; border-color: #fff}.mnv-tuvan p{color: #fff;font-size: 15px;margin: 0;padding: 0 13px; text-align: left;}.mnv-tuvan p a{color: #fff;font-size: 15px;padding: 5px 0px 7px;margin: 0;display:inline-block;font-family: arial, helvetica;text-decoration: none;}.mnv-tuvan p a:hover{text-decoration: underline;cursor: pointer;}.mnv-tuvan p img {float: right;margin-top: 10px;} </style><div data-toggle="0" class="wrap" style="position:fixed; width:250px; height: 325px; "><span class="x" style="">X</span><div class="fb-page" data-adapt-container-width="true" data-height="325" data-hide-cover="false" data-href="https://www.facebook.com/KenhTongHop.112001/" data-show-facepile="true" data-show-posts="false" data-small-header="false" data-tabs="messages" data-width="250" style="position:relative; z-index:9999999; right:0px; bottom:21px;border-left: 1px solid #fff;border-top: 1px solid #fff;"></div><p class="pxem" style=""><a class="axem" style="" href=" https://www.facebook.com/KenhTongHop.112001/" target="_blank">liên hệ admin</a><a class="alogo" style=""><img src="http://pront04.web24h.vn/Uploaded/Members/9558/images/2015/11/logo-web.png" width="27px" height="14px" style="margin-top: 3px" /></a></p></div><div class="mnv-tuvan" style="width: 248px;" ><p style=" "><a style="">BẠN CẦN TƯ VẤN</a><img src="http://capitalstackllc.com/assets/img/icon-email.png" /></p></div></div></div></div></div>

  • Bước 2:  Chỉnh sửa link code Fanpage trên thành Fanpage của mình
                                  https://www.facebook.com/KenhTongHop.112001/  
  • Bước 3: Lưu lại vào vào blogspot của bạn để xem thành quả
Chúc bạn thành công !
Chia sẻ :
Magpress

MagPress

Vestibulum bibendum felis sit amet dolor auctor molestie. In dignissim eget nibh id dapibus. Fusce et suscipit orci. Aliquam sit amet urna lorem. Duis eu imperdiet nunc, non imperdiet libero.

0 Bình luận, nhận xét,đánh giá bài viết