Hướng dẫn cài đặt nút liên hệ Zalo cho blogspot

Hướng dẫn cài đặt nút liên hệ Zalo cho blogspot

 Hướng dẫn cài đặt nút liên hệ Zalo cho blogspot 

Ở bài viết này mình chia sẽ code nút liên hệ Zalo cho blogger nút liên hệ đó là button đơn lẻ chỉ 1 nút, mình sẽ giới thiệu cho mọi người một loại button liên hệ đơn lẻ có hiệu ứng để mọi người có thể chèn vào.

Bước 1 coppy đọn code bên dưới chè vào thẻ </body>.

Bước 2 tìm và chỉnh sửa lại số điện thoại zalo của mọi người .

Code nút liên hệ Zalo cho blogger 

<style>

.zalo-container{position:fixed;width:40px;height:40px;bottom:40px;z-index:9999999}

.zalo-container:not(.right){left:2.5rem}

.zalo-container.right{right:2.5rem}

.zalo-container a{display:block}

.zalo-container span{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#1182FC;position:relative}

@keyframes zoomIn_zalo{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}

.zoomIn_zalo{animation-name:zoomIn_zalo}

.animated_zalo{animation-duration:1s;animation-fill-mode:both}

.animated_zalo.infinite{animation-iteration-count:infinite}

.cmoz-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(17,130,252,.8);opacity:.1;border-color:#1182FC;opacity:.5}

.cmoz-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(17,130,252,0.45);opacity:.75;right:-10px}

@-webkit-keyframes pulse_zalo{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

@keyframes pulse_zalo{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

.pulse_zalo{-webkit-animation-name:pulse_zalo;animation-name:pulse_zalo}

</style>

<div class="zalo-container right">

<a href="https://zalo.me/0868826616" id="zalo-btn" rel="noopener noreferrer nofollow" target="_blank">

<div class="animated_zalo infinite zoomIn_zalo cmoz-alo-circle"></div>

<div class="animated_zalo infinite pulse_zalo cmoz-alo-circle-fill"></div>

<span><img alt="Contact Me on Zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22nt47mydGh6ODxQTPSGM-TfBTJCQSae2Y4Bd4aZAktWEOFr0v5Q6jUdK9jCz7q742czwXNEnp6P_jxR0GlDoJjAqEFPapm6_A1cmehLc7Ffs7Zr_6OnwuTSkGLaAfk0DDNDhT1lieIw/s640/zalo.png" /></span>

</a>

</div>

Mọi người thay đổi dãy số màu đỏ thành số điện của mình nha, đến đây là xong mọi lưu lại và xem kết quả, chúc mọi người thành công.

Xem Thêm : Code hotline