NHÚNG ICON ZALO VÀO BLOGSPOT KHÔNG CẦN Zalo Official
"Cách chèn icon zalo vào blogspot"
Bước 1: Vào bố cục
Bước 2: Thêm tiện ích HTML/javascript
Bước 3: Chép đoạn code dưới đây vào là xong
SAO CHÉP CỤ THỂ
<div class='zalome'><a href='https://zalo.me/0936666209' target='_blank'>
<img alt='icon zalo' src='https://1.bp.blogspot.com/-Fvj4YilLXqU/YSW7P4RbwXI/AAAAAAAATH4/-1pwEtYJfJAqQ-x_nYY0G4kIBUjnDHfvwCLcBGAsYHQ/s60/zalo-icon.png'/>
</a></div>
<style>
@media (max-width: 576px){
.fb-customerchat{display:none;}
}
/*.zalo-chat-widget {*/
/* left: 0!important;*/
/*}*/
.zalome {
position: fixed;
bottom: 5px;
right: 15px;
margin: 10px;
width: 65px;
height: 65px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-color: #004A7F;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: Arial;
font-size: 20px;
padding: -10px -10px;
text-align: center;
text-decoration: none;
}
@-webkit-keyframes glowing {
0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }
100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}
@-moz-keyframes glowing {
0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }
100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }
}
@-o-keyframes glowing {
0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
@keyframes glowing {
0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }
100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }
}
.zalome {
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
</style>
Không có nhận xét nào