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

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

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.

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/AVvXsEhBqwaxicz1ax7LQShMglet86F25Fv4dIcKfEIYaDJSTs8AGtq9e6cX6tg4MembvvNg-M2KxtI__vQ7v-8NtLIdPfQiQKp-GMrVEGV3FWugZvZ38CUSeK_SCNKvtXfjUf5eZ88eJp22dfA/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/AVvXsEhEARujN-kczs1qMYecR_MMjdBHTx3S0RpMu8xpO2t1zRFDzzoLAVv_V5wo5Ms9rpgo1HKc1w_LkoVAkwN3x7JpC_s3KoDO4lSDR8oy76ruS8igOEH2ih7OWldHC57H4SShO3QTTmyzhHc/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/AVvXsEifPomnLEeXmeN78uzh75CMskSGK1iyWSfMyGu3NEBVeKqQQGda4S1eszFIRJhV9gDnfmcd-uTIXCiKJ9Ix-_7SIKaijMb5XGWCXSGZIZqEcEabLO5BnZkoiyBjknsunjb1rcW-LTJ0kUI/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/AVvXsEjtfpmLUqzUY8qYGeEJy_rIaRnKl1Dn1INWsio2uu8yj8mar2QyB9UcL3V5mM-No7w83nAXz15EGF_Ck-YrQWF9PQHxN3u6EqCRflhP8bTpCWbSUBiym9t7IaEwALXIK3pxkZ0BNLWak_U/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>

Bài viết: Tiện ích liên hệ Zalo Messenger được viết bởi admin trang Giaodien.blog

Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.

Để lại nguồn có nghĩa là bạn tôn trọng tác giả.

Động lực để mình chia sẻ nhiều bài viết hay.

Tags: Blog Contact-widget