Hướng dẫn thêm nút liên hệ đơn giản cho theme flatsome

Tiêu đềBài này hướng dẫn thêm nút liên hệ đơn giản cho theme flatsome, điều kiện cần và đủ là bạn phải sử dụng theme flatsome (có icon flatsome). Ưu điểm là nó không gây phiền toái khi lướt site, vẫn giữ được back to top bên phải, anh em blogger có thể thêm điều kiện hiển thị ở home hay bài viết.

Chèn đoạn mã sau trước thẻ đóng body nhé
<style>.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:#fea600!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/0974858395'>Chat Zalo</a>
</button>
<button class='chat-face'>
<a href='http://m.me/nguyenthanhdoanofficial'>Chat Facebook</a>
</button>
<button class='hotline'>
<a href='tel:0974858395'>Hotline: 0974858395</a>
</button></div>

Nhớ thay số điện thoại với nick facebook nha anh em, và có thể chèn css trong b:skin

Trân trọng cảm ơn!

Đăng nhận xét

Tin liên quan