Nút liên hệ Zalo Messenger Điện thoại

Zalo 0971539681 Tư vấn & Hỗ trợ
Nút liên hệ Zalo Messenger Điện thoại đẹp cho blogspot, tiện ích liên hệ đơn giản nhỏ gọn phù hợp với template blogspot bán hàng, dịch vụ.

Nút liên hệ Zalo Messenger Điện thoại

Tiện ích liên hệ sẽ hiển thị nằm cố định ở góc trái của template blogpsot. Cách cài đặt đơn giản là các bạn copy đoạn code bên dưới dán trước thẻ đóng </body> và lưu lại là xong.


<style>
.float-contact button{font-size:.97em;letter-spacing:.03em;color:currentColor;text-decoration:none;border:1px solid transparent;line-height:2.4em;min-height:2.5em;padding:0 1.2em;max-width:100%;}  
.float-contact{position:fixed;bottom:20px;left:20px;z-index:99999}
.chat-zalo{background:#8eb22b;border-radius:20px;padding:0 18px;color:white;display:block;margin-bottom:6px}
.chat-face{background:#125c9e;border-radius:20px;padding:0 18px;color:white;display:block;margin-bottom:6px}
.float-contact .hotline{background:#ff8405!important;border-radius:20px;padding:0 18px;color:white;display:block;margin-bottom:6px}
.chat-zalo a,.chat-face a,.hotline a{font-size:15px;color:white;font-weight:400;text-transform:none;line-height:0}
@media (max-width:549px){.float-contact{display:none}}
</style>
<div class='float-contact'>
  <button class='chat-zalo'>
    <a href='http://zalo.me/0971539681'>Chat Zalo</a>
  </button>
  <button class='chat-face'>
    <a href='http://m.me/hoablogger'>Chat Facebook</a>
  </button>
  <button class='hotline'>
    <a href='tel:0867592210'>Hotline: 097 1539 681</a>
  </button>
</div>

Nhận xét

×