Toolbar contact liên hệ cho blogspot

Toolbar contact liên hệ cho blogspot đẹp chuyên nghiệp, tạo tiện ích liên hệ zalo facebook sky đẹp mắt cho blogger, phù hợp với nhiều blogger bán hàng hiện nay.

Toolbar contact liên hệ cho blogspot

Cách làm đơn giản là bạn copy toàn bộ code bên dưới dán trước thẻ đóng </body> của trang web và lưu lại là xong. 

<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css' rel='stylesheet'/>  
<style>
  /*<![CDATA[*/
.toolbar{position:fixed;width:70px;right:15px;top:25%;z-index:999}
@media (max-width:1199px){.toolbar{left:15px;right:auto;bottom:40px;top:auto}}
.toolbar ul{padding-left:0;width:100%;text-align:center;position:relative;overflow:hidden}
.toolbar ul:before{content:"";width:2px;background:#e62901;height:100vh;position:absolute;left:35px;top:0;z-index:0}
.toolbar ul li{display:inline-block;float:none;margin-bottom:8px;position:relative;z-index:1}
.toolbar ul li:last-child{margin-bottom:0}
.toolbar ul li a{display:block;height:50px;width:50px;line-height:50px;border-radius:50%;text-align:center;background:#ff6ea4;border:solid 5px #ffeee5}
.toolbar ul li a .fa,.toolbar ul li a .fas,.toolbar ul li a .far,.toolbar ul li a .fab{color:#fff;font-size:20px}
.toolbar ul li a:hover{background:#e62901}
  /*]]>*/
</style>
<div class='toolbar'>
  <ul>
    <li>
      <a class='fone' href='skype:-18006750-?chat' title='Gọi skyper ngay'><i class='fab fa-skype'/></a>
    </li>
    <li>
      <a href='https://www.facebook.com/sapowebvietnam/' title='Theo dõi trên Facebook'><i class='fab fa-facebook-f'/></a>
    </li>
    <li>
      <a class='fone' href='tel:18006750' title='Gọi Viber ngay'><i class='fab fa-viber'/></a>
    </li>
  </ul>
</div>
Mới hơn Cũ hơn
Contact Me on Zalo