Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

Bộ Social liên hệ cho blogspot

Chia sẻ tới các bạn Bộ Social liên hệ cho blogspot đẹp phù hợp với template blogspot bán hàng, dịch vụ, tư vấn sản phẩm.

Bộ Social liên hệ cho blogspot


Bộ tiện ích liên hệ đẹp cho blogspot gồm: Zalo, Messenger, Youtube, Instagram, Twitter, Tiktok, Shopee.

Cách cài đặt đơn giản là bạn chỉ cần copy code bên dưới dán trước thẻ đóng </body> của template blogpsot và lưu lại là xong.

Lưu ý là bạn cần chỉnh sửa lại các đường dẫn URL / liên kết cho phù hợp.


<style>
#fixed-social-network{position:fixed;top:25%;right:-125px;z-index:9}
#fixed-social-network a img{height:100%;margin-right:20px}
#fixed-social-network > a{border-radius:3px;height:40px;line-height:40px;padding:8px;display:flex;align-items:center;width:165px;transform:translateX(0px);background:#fff;color:#333;border:1px solid #e1e1e1;margin-bottom:5px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease}
#fixed-social-network > a > svg{margin-right:20px}
#fixed-social-network > a:hover{transform:translateX(-120px)}
#fixed-social-network > a.fb-icon{background:#3B5998;color:#fff}
#fixed-social-network > a.ins-icon{background:#C32AA3;color:#fff}
#fixed-social-network > a.yt-icon{background:#FF0000;color:#fff}
#fixed-social-network > a.tw-icon{background:#00B6F1;color:#fff}
#fixed-social-network > a.gg-icon{background:#DF4A32;color:#fff}
#fixed-social-network > a.linkedin-icon{background:#0077b5;color:#fff}
#fixed-social-network > a#back-to-top{background:#144d84;color:#fff}
</style>
<div id='fixed-social-network'>
<a class='zalo-icon' href='https://zalo.me/0971539681' target='_blank'>
<img alt='Icon-Zalo' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/zalo.svg'/> Zalo </a>
<a class='messenger-icon' href='https://www.facebook.com/hoablogger' target='_blank'>
<img alt='Icon-Messager' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/messenger.svg'/> Messenger </a>
<a href='#' target='_blank'>
<img alt='Icon-Youtube' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/youtube.svg'/> Youtube </a>
<a href='#' target='_blank'>
<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dddf282/instagram.svg'/> Instagram </a>
<a href='#' target='_blank'>
<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/twitter.svg'/> Twitter </a>
<a href='#' target='_blank'>
<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/tiktok.svg'/> Tiktok </a>
<a href='#' target='_blank'>
<img alt='Icon-Shopee' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giaodienblog/cdn@dab6222/shopee.svg'/> Shopee </a>
</div>

Post a Comment