Tiện ích liên hệ Zalo Messenger

Chia sẻ mẫu Tiện ích liên hệ Zalo Messenger Gọi điện đẹp, nút Zalo rung lắc phù hợp với nhiều blogspot bán hàng, tư vấn dịch vụ.

Tiện ích liên hệ Zalo Messenger hiện thị cố định ở góc phải màn hình.

Also Read :Khóa học thiết kế blogspot bán hàng

Cách cài đặt đơn giản là bạn chỉ cần copy mã bên dưới dán trước thẻ đóng </body> và lưu lại là xong.

Also Read :Tiện ích Zalo gọi điện cho blogspot

<a class='btn-contact' href='http://m.me/hoablogger/' id='btn-message' target='_blank'>

  <img alt='message' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOQHPaEY7UojI6fSSK5rLUZcOlmbjD707Dcp9ydoELc_BojtQ6gFxK84JNvHm9Rm5nFnCqTGwM5AKOOLBatOoQx2QtQB_E9fD0unFL38Ywg4N8YJ6mRFizA_YkxWw_6BwwtPwi4wfOAT8/s0/messenger.png' />

</a>

<a class='btn-contact' href='sms:+0971539681' id='btn-sms' target='_blank'>

  <img alt='sms' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqK9NIH3t7kks0fxEWdOmZLlpndp4TqcXDK_uRCC1TY6ZjO0KlPGVK1EkTQOZcH00dLVRpmLlDqLGyyFnqqrBIRLbV_SqiuVD39OjHkQDSd925rqL2bowqLcMDNWyoj_Ncn44EArcAy9U/s0/sms.png' />

</a>

<a class='btn-contact' href='tel:+0971539681' id='btn-call-phone' target='_blank'>

  <img alt='phone' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2ZoQzDINK3aNOYE-e0Hl8iwL9Lk1dhec5OIxeNeIDQ9BmsrLJMHC4-chlf5UzlNT4Du7rqwG-XBaEKqDDaJELsud1RBRgvViS71krFHY2NwRQVzvi0_MsVmGZtWV9Tv2GT9SbTjJ3Ko/s0/phone.png' />

</a>

<a class='btn-contact' href='https://zalo.me/0971539681' id='btn-zalo' target='_blank'>

  <img alt='zalo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbz6PtS-MMbQlLd09_Cot0lY3jGz9sO5U52uI0Ae1_bTsPI6OnHepNwTt2kdnhDKAchMiE6R7FH4roBxZxVXTLiS0LWc09-FKtvZgJgzv7m_I2yAQwQSnNzNxy03oxyo_QNzyfowgF07g/s0/zalo.png' />

</a>

<style>

@keyframes ani-zalo{0%{opacity:1;width:100%;height:100%;top:0;left:0}100%{opacity:0;width:calc(100% + 30px);height:calc(100% + 30px);top:-15px;left:-15px}}

#btn-zalo:before{content:"";position:absolute;z-index:-1;height:calc(100% + 30px);width:calc(100% + 30px);top:-15px;left:-15px;display:block;background:#0065be;border-radius:50%;opacity:0.8;animation-name:ani-zalo;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}

.btn-contact{position:fixed;border-radius:50%;height:50px;width:50px;display:block;box-shadow:5px 7px 15px 0 rgba(0,0,0,0.3);right:50px}

#btn-zalo{bottom:120px;right:50px}

#btn-call-phone{bottom:180px}

#btn-sms{bottom:240px}

#btn-message{bottom:300px}

.btn-contact img{width:calc(100% + 3px);height:calc(100% + 3px);margin:-2px;border-radius:50%}

</style>