5

Bộ liên hệ mạng xã hội cố định

Tác giả: Hòa Trần Blogger - đăng vào tháng 9 30, 2021

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


Bộ liên hệ mạng xã hội cố định

Các bước cài đặt đơn giản là 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/AVvXsEhclSU3SIsicv-AtrzmCzB4zu0D0lUpt8QQwTEF7NMXk0FZCsMRglVSh8zFtv9SXjhYu6el9skiyxZyDiooBHkG3dd7LO7APcAc7msuVogmTk2DJmIi5X0RdUuf5NMwmvMd4XORE1frKALa/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/AVvXsEh-BTEKLkKu-a5621Jwr9UEAZfquP24gRZdca2Te5AnDoad4KsXiT0b3_vrpvAnAcNyNVW-Gdns8o9l-AFSYNn6xN7lJjXloDO8Z8F6UQXc3k6Ku5USxHlU5UVY8AajaqKS9W6-oe1kSuUi/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/AVvXsEhfPtV8MI37juPlzF4BGiBpobDwUjSIvWcROqL_TKymDLzQdu9iGkQeM7xXIIueA3tilzgnqbJNf7xuLC0RuqJ_GKcDjxHU4ko7VTb1fNlBSxLrlSAjonVOpAOFClb23ybVassYmgi4fOZr/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/AVvXsEhVqyIhKCcFyBXXtvdSctJ48AtuxrnIfRT5gfTy8WK5EA05UG3m0WawN4QeuUgTn_DBZY9qyJ7K802S2zreSfgdf64r0h-kK90qRl0XzUYq0EU32hIRTIhQ2rGpi5b1rczLuO1pzdJOeN86/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/AVvXsEhynPrJMx9Mj9Kuu5H3-ToTurRPHvrcLXsIxC9U4IMn1gtFQK4TVcw9micfFojmPR1SJQ89vFWfkFEzMEfRobqF-FEDG5sNEz1jy7KYzQfFfND5NOeoBYuchofSeXhRQ3RImuE9B9EW2_E8/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/AVvXsEjI8yYitrD11jHcViUTBoZXHEfCoA0NDKFmoWmTXYkuNDbYljjU5Bsg9mq_WVN1AJp1ZdgJ-fCeAxhZkSdMRwDEB0r3KPj100GYruJFvaJEBpcPvx1vCfQsC8FBbij4C20t364g90iyl1kL/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/AVvXsEiwW_hUYekNsBPSsCFnecan_BY6v4ZWKOMBYCWp6aNvFjgrEvHrMVy-Ur6r-WU_RBkDALTSiPLs-LHoatdLx4ulptKIxWVDfFxNVpksfwtuQxJmgSNlGKQgoMSxbY2eeu5s7KMupwUPQCqp/h120/Shopee.png" /> Shopee

  </a>

</div>

Đừng bỏ lỡ.
Hổ trợ 24/7

Đừng ngừng ngại liên hệ chúng tôi, hổ trợ 24/7. Hotline: 097 1539 681

alt
alt