Nút liên hệ Zalo cho blogspot

Zalo 0971539681 Tư vấn & Hỗ trợ
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 vui lòng tính thêm khoản phí 1.000.000₫, 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é!
Tạo nút liên hệ Zalo hiệu ứng rung lắc cho website Blogspot, cách cài đặt đơn giản chỉ cần copy toàn bộ code bên dưới dán trước thẻ đóng </body> hoặc dán dưới thẻ <body> và lưu lại là xong.

Nút liên hệ Zalo cho blogspot


Toàn bộ code bao gồm HTML và CSS


<style>
/*<![CDATA[*/
.zalo-container{position:fixed;width:40px;height:40px;bottom:160px;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}span.hoatranblogger>img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;transition:opacity 1s;opacity:1}.img-shine{overflow:hidden;position:relative}.img-shine:before{position:absolute;content:"";top:0;left:-75%;z-index:100;width:50%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);transform:skewX(-25deg)}.img-shine:hover:before{animation:imgShine .75s ease-in-out}@-webkit-keyframes imgShine{100%{left:125%}}@-moz-keyframes imgShine{100%{left:125%}}@keyframes imgShine{100%{left:125%}}.img-shine{overflow:hidden;position:relative}
/*]]>*/
</style>
<div class='zalo-container right' style='bottom:40px;'>
<a href='https://zalo.me/0971539681' 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 class='hoatranblogger'><img alt='Contact Me on Zalo' height='40' src='https://1.bp.blogspot.com/-5Kwe_T6RC4E/XzYbxjnZ_yI/AAAAAAAACsE/EvxW7Nw1-RYSHyqG7jC_uLHWArwr3iYOQCLcBGAsYHQ/s640/zalo.png' width='40'/></span>
</a>
</div>

Contact Me on Zalo