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.

Also Read :Tiện ích liên hệ đẹp cho blogspot

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.

Also Read :Chèn hình ảnh, video youtube vào comment blogger

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