Hòa Trần - Blogger
tháng 12 05, 2011
Tiện ích
Mục lục

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>


Chia sẻ bài viết

Bài viết mới

Nhận xét (0)

Hiển thị
alt
Đã sao chép!