- 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 !
0 Bình luận, nhận xét,đánh giá bài viết