Articles by "chatbox facebook"
Hiển thị các bài đăng có nhãn chatbox facebook. Hiển thị tất cả bài đăng

vào lúc 21:14 5




<div class="call-mobile2">
<a data-animate="fadeInDown" rel="noopener noreferrer" href="http://zalo.me/0982669299" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">
<span>Chat Zalo </span></a>
</div>
<div class="call-mobile1">
<a data-animate="fadeInDown" rel="noopener noreferrer" href="https://www.facebook.com/viettech.viettech" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">
<span>Chat Facebook</span></a>
</div>
<div class="call-mobile">

<a id="callnowbutton" href="tel:0982669299">0982.669.299</a><i class="fa fa-phone"></i>
</div>
<style>
.success.is-underline:hover, .success.is-outline:hover, .success {
background-color: #1E73BE;
padding: 10px;
color: white !important;
}
.call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;
padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
}
.call-mobile1 {position: fixed;bottom: 52px;height: 40px;line-height: 40px;
padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
}
.call-mobile2 {position: fixed;bottom: 93px;height: 40px;line-height: 40px;
padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
}
.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
border-radius: 100%;width: 40px;height: 40px;
text-align: center; float: right;
}
.call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
margin-right: 10px; padding-left: 10px;}
</style>
Đọc thêm »

vào lúc 22:19 0
đây là mã nguồn giúp trang web có chatbox liên kết trực tiếp đến fanpage facebook, bạn có thể tùy ý chỉnh sửa theo ý mình

Mã Nguồn:
HTML:
  <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/kytrang10" 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>


Ảnh Demo cho mọi người xem

 DEMO thực tế cho mọi người xem: giasondulux.com

Hướng dẫn sử dụng: 
với những ai dùng wordpress bạn có thể làm như sau: Bạn mở file footer.php của theme bạn đang sử dụng và chèn đoạn mã trên vào cuối file này, trên dòng (hoặc trước dòng mã sau)
Mã:
</body></html>

Lưu ý: Thay địa chỉ url fanpage tương ứng trong code bên trên. (https://www.facebook.com/kytrang10)
Đọc thêm »
Đăng ký: Bài đăng (Atom)