Nút liên hệ giống wordpress cho 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ệ giống wordpress cho blogspot

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>


Mới hơn Cũ hơn
Contact Me on Zalo