Tiện ích liên hệ Facebook Zalo Gọi điện

Hướng dẫn các bạn cài đặt Tiện ích liên hệ Facebook Zalo Gọi điện rung lắc nằm cố định bên phải trang web hoặc blogspot, phù hợp cho các template blogspot bán hàng.

Cách cài đặt Tiện ích liên hệ Facebook Zalo Gọi điện đơn giản là các bạn chỉ cần copy dán trước thẻ đóng </body> và lưu lại là xong, chỉnh sửa lại số điện thoại, zalo, facebook cho phù hợp.

<style>

.fixed-right{position:fixed;z-index:9999;right:5px;transform:translateY(-50%);top:calc(50% + 10px)!important;width:50px;text-align:center;overflow:hidden}

.fixed-right a{margin-bottom:10px;width:40px;height:40px;display:inline-block}

.fixed-right a.phone{border-radius:50%;background:#64bc46;padding:6px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}

.fixed-right img{border:0 none;max-width:100%;height:auto}

@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}

@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}

@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}

</style>

<div class='fixed-right'>

  <a href='https://facebook.com/giaodienblog.net' target='_blank' title='Facebook'>

    <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-AJ8Ghyg43rCnOxcD6rWTyHV-7g0mx8mykTNPSME4tN5lAJr0yEzgFoj_SZCb_KC5A_6K4CrRqGP69Kk65EhYbGURuejM7exHI5oKzDk-NoUzfnoKU4B4qUyVEZGT_j8hwU2eY0qJ2c/s1600/icon-menu-right1.png' />

  </a>

  <a href='https://zalo.me/1111111111' title='Zalo'>

    <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5bRZEewhGB5SvQy4sxTovPZj3wTk47B2X-gqk9HgysRabpLhIoZSSHK_SX1cbQg9o08MsagTowuGbqk-akfsH7CTwgAIzyU_o_iPhQhPz9MjoxqxpXeqiTpvz5X74050xPAC7uHc92s/s1600/icon-menu-right2.png' />

  </a>

  <a class='phone' href='tel:11111111' title='111111111'>

    <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHDSxxavoFB5wJ1jJ9XadEGseIMknTA6nAjyYKODxvX9atCRHYdUMWSDFCKgoueYfWu-muZKu6zRz4UUmfHk805yUie7J4L_DRNgBeU3Pn6wxThlzPRCsK7O6BWpFIOM9SOPvoIhHQYk/s1600/icon-menu-right3.png' />

  </a>

</div>