Joynal

 Share with you the Social Kit for beautiful blogspot, suitable for the blogspot template for sales , service, and product advice.

Nice set of contact utilities for blogspot including: Zalo, Messenger, Youtube, Instagram, Twitter, Tiktok, Shopee.

The way to install is simple, you just need to copy the code below and paste it before the closing </body> tag of the blogpsot template and save it.

Note that you need to edit the URLs / links accordingly.

<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/giodienblog/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/giodienblog/cdn@dab6222/messenger.svg'/> Messenger </a>

<a href='#' target='_blank'>

<img alt='Icon-Youtube' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giodienblog/cdn@dab6222/youtube.svg'/> Youtube </a>

<a href='#' target='_blank'>

<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giodienblog/cdn@dddf282/instagram.svg'/> Instagram </a>

<a href='#' target='_blank'>

<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giodienblog/cdn@dab6222/twitter.svg'/> Twitter </a>

<a href='#' target='_blank'>

<img alt='Icon-Instagram' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giodienblog/cdn@dab6222/tiktok.svg'/> Tiktok </a>

<a href='#' target='_blank'>

<img alt='Icon-Shopee' class='img-fluid' src='https://cdn.jsdelivr.net/gh/giodienblog/cdn@dab6222/shopee.svg'/> Shopee </a>

</div>

Article: Contact Social Kit for blogspot written by admin of Giaodien.blog

Please leave the source if you reshare this article.

Leaving the source means you respect the author.

Motivation for me to share many good articles.