Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

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

1 min read
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.
Tiện ích liên hệ Zalo Messenger
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.

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

You may like these posts

  • Nút liên hệ Zalo Messenger Điện thoại đẹp cho blogspot, tiện ích liên hệ đơn giản nhỏ gọn phù hợp với template blogspot bán hàng, dịch vụ.Tiện ích liên hệ sẽ hiển thị nằm cố định ở…
  • Chia sẻ bộ code Tiện ích liên hệ đẹp cho blogspot phù hợp cho các mẫu blogspot bán hàng, giúp khách hàng truy cập vo blogpsot liên hệ với bạn một cách dễ dàng.Tiện ích liên hệ…
  • Chia sẻ tới các bạn Bộ Social liên hệ cho blogspot đẹp phù hợp với template blogspot bán hàng, dịch vụ, tư vấn sản phẩm.Bộ tiện ích liên hệ đẹp cho blogspot gồm: Zalo, Messeng…
  • Hướng dẫn các bạn thêm Hiệu ứng load trang cho blogspot bằng hình ảnh, trong quá trình tải trang hiệu ứng sẽ hiển thị, load trang xong thì hiệu ứng này sẽ ẩn đi.Một số icon …
  • Hướng dẫn lấy danh sách nhãn blogspot và cách tùy biến kiểu hiển thị của danh sách nhãn label của blogpsot đơn giản.1. Load tất cả các labelĐây chính là vòng lặp để lấy tất cả các …
  • Bài này mình Hướng dẫn chèn hình ảnh, video youtube vào comment blogger đơn giản nhất, chuẩn responsive trên mobile.Chèn hình: Copy link hình ảnh dán vào nội dung bình luậnChè…

Post a Comment

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Learn More