Nút liên hệ của theme flatsome cho blogspot - Thiết kế Blogspot

Chia sẻ tiện ích Nút liên hệ giống wordpress cho blogspot chỉ dùng CSS với HTML mà không cần cài thêm Plugin nào khác. Tiện ích nhỏ gọn không ảnh hưởng tới tốc độ load trang.

Nút liên hệ đơn giản

Cách cài đặt đơn giản, các bạn chỉ cần copy toàn bộ code bên dưới dán trước thẻ đóng </body> và lưu lại là xong.

<style>
  /*<![CDATA[*/
.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:#d11a59!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:0971539681">Hotline: 0971539681</a>
  </button>
</div>