Bộ tiện ích liên hệ cho blogspot

  
<link crossorigin='anonymous' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css' integrity='sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==' referrerpolicy='no-referrer' rel='stylesheet'/>    
<style>
  /*<![CDATA[*/
.support-online{position:fixed;z-index:999;left:15px;bottom:30px;top:auto !important}.support-cart{position:fixed;z-index:999;right:15px;bottom:30px;top:auto !important}.support-cart a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;cursor:pointer;display:block}.support-cart a i{width:40px;height:40px;background:#4f240a;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}.support-cart a .kenit-alo-circle{border-color:#ffc11a}.support-cart a .kenit-alo-circle-fill{background-color:#4f240a;background-color:rgba(79,36,10,0.5)}.support-cart .count_item_pr{position:absolute;top:-5px;right:-5px;height:20px;min-width:20px;border-radius:50%;color:#fff;background-color:#ffba00;text-align:center;line-height:20px;z-index:9999}.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px}.support-online i{width:40px;height:40px;background:#ffba00;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}.support-online a{display:block}.support-online a span{border-radius:2px;text-align:center;background:#ffba00;padding:9px;display:none;width:210px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1}.support-online a:hover span{display:block}.support-online a span::before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #ffba00 transparent transparent;position:absolute;left:-10px;top:10px}.kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s;background-color:rgba(255,186,0,0.5);opacity:.75;right:-10px}.kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#ffc11a;opacity:.5}.support-online .btn-support{cursor:pointer}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}
  /*]]>*/
</style>    
<div class='support-online'>
  <div class='support-content' style='display: none;'>
    <a class='call-now' href='tel:19006750' rel='nofollow'>
      <i aria-hidden='true' class='fa fa-phone' />
      <div class='animated infinite zoomIn kenit-alo-circle' />
      <div class='animated infinite pulse kenit-alo-circle-fill' />
      <span>Gọi ngay: 1900 6750</span>
    </a>
    <a class='mes' href='https://www.messenger.com/t/561797710650232' target='_blank'>
      <i aria-hidden='true' class='fa fa-facebook-official' />
      <span>Chat qua Messenger</span>
    </a>
    <a class='zalo' href='mailto:support@sapo.vn' target='_blank'>
      <i class='fa fa-envelope' />
      <span>support@sapo.vn</span>
    </a>
    <a class='sms' href='sms:19006750'>
      <i aria-hidden='true' class='fa fa-comments' />
      <span>SMS: 1900 6750</span>
    </a>
  </div>
  <a class='btn-support'>
    <i aria-hidden='true' class='fa fa-phone' />
    <div class='animated infinite zoomIn kenit-alo-circle' />
    <div class='animated infinite pulse kenit-alo-circle-fill' />
  </a>
</div>
<script>
  //<![CDATA[
  $('a.btn-support').click(function(e) {
    e.stopPropagation();
    $('.support-content').slideToggle();
  });
  //]]>
</script>