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

Nếu chưa có kinh nghiệm về Blogspot đừng lo lắng mình có dịch vụ Cầm Tay Chỉ Việc, hãy gọi hoặc Zalo ngay cho mình: 097.1539.681 để được tư vấn và hỗ trợ nhanh nhất nhé!

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/AVvXsEjzck4iJrQkZJ6PsnTID66VEZtpd_tJkiLTaNFRo4IcNvvjtnFdI5ti8Y8rv1kV-LmxnFGILs0j4H_O3G99amJL8F_QoLcwPTFI25cKrm2DuPZn0jlp63XhTtLdqRVtchZe1Y27ES_FVhk/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/AVvXsEgE1EJkjJrZFuxpWuPdfVbFxJzUJ6ZjLgsPcSgbj_T77ZUf6dcI2ABZBrJvtqwV-wUjUFUkvhqaEdNvyvl6066cXjaR44bLPQEMj4DyUq7YQjCmk2s2D2isBIaTDitRJSoDaKeKmypIYLE/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/AVvXsEif0Alfw1V2_VipxG8tyG_QHeDR_qrwn4Do6j4Uocd8s__DadVbvffa4lDlaCwWE8gUY939gCZwIR7thK9fu3aVcvrfNH9hR5ZVF815-YTC0UZSkdxMYD6YatPcx86cur72N9PWRyodvKk/s1600/icon-menu-right3.png' />
</a>
</div>