Bộ nút liên hệ + mạng xã hội + shop cố định + nút đẹp

 Chia sẻ bộ nút liên hệ mạng xã hội cố định, fixed social network của Facebook, zalo, instagram, messenger, tiktok, tiki, shopee, youtube... bạn có thể thêm sửa dễ dàng. Phù hợp với các blogspot hoặc blogger bán hàng, tư vấn dịch vụ rất cần thiết.

Các bước cài đặt rất đơn giản, 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[*/
#fixed-social-network{position:fixed;top:25%;right:-100px;z-index:9}#fixed-social-network > a{display:flex;align-items:center;border-radius:4px;height:40px;padding:5px;width:140px;transform:translateX(0px);background:#fff;color:#222;border:1px solid #e1e1e1;margin-bottom:7px;transition:all 0.4s ease-in-out}#fixed-social-network > a:hover{transform:translateX(-100px)}#fixed-social-network > a span{display:block;width:30px;height:30px;margin-right:10px}#fixed-social-network > a.zalo-icon span{background-position:-80px -43px;background-size:500%}#fixed-social-network > a.messenger-icon span{background-position:-39px 3px;background-size:500%}#fixed-social-network > a.youtube-icon span{background-position:-80px 4px;background-size:500%}#fixed-social-network > a.instagram-icon span{background-position:3px 3px;background-size:500%}#fixed-social-network > a.tiktok-icon span{background-position:-38px -43px;background-size:500%}#fixed-social-network > a.tiki-icon span{background-position:-123px -43px;background-size:500%}#fixed-social-network > a.shopee-icon span{background-position:2px -47px;background-size:540%}#fixed-social-network > a#back-to-top{background:#144d84;color:#fff}#fixed-social-network > a img{max-height:100%;margin-right:15px}.img-fluid{max-width:100%;height:auto}
  /*]]>*/
</style>
<div id="fixed-social-network" class="d-none d-sm-block">
  <a href="https://zalo.me/" class="zalo-icon" target="_blank">
    <img class="img-fluid" alt="Icon-Zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjana7N3ZyYi38wm_oqJcustsbJXj72EtD9YecZi3gH-w5f5rIM1sf4Bp5ZeQbu3kFkODMVEP_vlBMUWBGaMe3vYs7cTjuVpPjAilGwGzfzzXgRjpT0E10xzQGTxbLygT107RgxsQGr472P/h120/zalo.png" /> Zalo
  </a>
  <a href="https://www.facebook.com/" class="messenger-icon" target="_blank">
    <img class="img-fluid" alt="Icon-Messager" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0qVOLufW2Wmd8Lx_KrvAVuIkwjws1h-cjTnRT6WLgyn9DsarImWe9SKmkm9uglBC_BT_lfAEOFXB507q3WMJ1l1xjWjRWmwGNgxh5Vz5SVVUl9HDv-QMp7hToZ_OBaQKY-ySBfhqTNIZe/h120/Messager.png" /> Messenger
  </a>
  <a href="https://www.youtube.com/" target="_blank">
    <img class="img-fluid" alt="Icon-Youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFz2WVzu_Lh19fqndzkVlgKnbXSLjmM__ceNp25xzTAvcG4HjdlviAOG19nVQAPttq5wSAeWWpeHF7y2-GNzKAsybrYYGseV084kqdaOQIYyKiwVAFWYE6WNPyQNjo_ghnKi6lw_i4ZSpx/h120/youtube.png" /> Youtube
  </a>
  <a href="https://www.instagram.com/" target="_blank">
    <img class="img-fluid" alt="Icon-Instagram" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWVnA8N42JQOg4MD8zpdTVYNlBrgCUW9aZBKOtBfdHyFGhrUlvQqX37J5uBz6ffhUrMhhivj9gDSf8tPnFX9fjtpDdCUKZvfLnvjaDvhGv6f3bbR8eXJrK7EcUCdapuZKskglKfJ7g1XT3/h120/Instagram.png" /> Instagram
  </a>
  <a href="https://tiki.vn/" target="_blank">
    <img class="img-fluid" alt="Icon-Tiki" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOkjCapq4AOiWa0Yu6ZYX7KIHff3Rt4_18oHk_tqlu7dyL32AI-pI0re6Bh4Z4-1NlNl9vA3cOk8ckH_b69uiYpMzXw-jXF_MgtxtJ0G1Qy8tbhzct8QxYl8fdpahCRrn1gL_9oGsb3bO/h120/tiki.webp" /> Tiki
  </a>
  <a href="https://www.tiktok.com/vi-VN" target="_blank">
    <img class="img-fluid" alt="Icon-Tiktok" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnN7XgKRliyFa1de59-r630FCXsA3PkxnR_fxMIgdg_04n_1kFlGoxZSfSJjBvE5UbIk0rs7oOg5BnMAShq9IJeZWejHRy1LDVdO0LVxP3J1fGR1-4uyBbcvYtP7FGgISi4UmxB06rditm/h120/tiktok.png" /> Tiktok
  </a>
  <a href="https://shopee.vn/" target="_blank">
    <img class="img-fluid" alt="Icon-Shopee" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJI8NRyRaU0OUFtf6bMcCaWNNt8c9Qlq6rhpLfLgxdQx7qgiMiPfKQW0im98Q9pEi8aYqby_kvaH3yxP92mjn8GXn8uHOJYiam6F1xWA4sYDssW22MBrA8I6lz9NIwIvcEpwAsEhIFd7aS/h120/Shopee.png" /> Shopee
  </a>
</div>

Chúc bạn thành công.

Xem thêm:

* Nút liên hệ cố định đẹp.

* Bài viết về website - Blog