Bộ Social liên hệ cho blogspot

Nếu chưa có kinh nghiệm về Blogspot đừng lo lắng mình có dịch vụ Cầm Tay Chỉ Việc, hãy gọi hoặc Zalo ngay cho mình: 097.1539.681 để được tư vấn và hỗ trợ nhanh nhất nhé!

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ộ 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>

Bài viết: Bộ Social liên hệ cho blogspot được viết bởi admin trang Giaodien.blog

Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.

Để lại nguồn có nghĩa là bạn tôn trọng tác giả.

Động lực để mình chia sẻ nhiều bài viết hay.

Tags: Blog Contact-widget