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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHq9-3TCCZLIzGLUWwmHiwJjIL4BMpk2ZHkHGFWWYYsyJfMUhIPTXJVrwMWoo-OsIvdqGB6ADdOqEVo4xtRGn_Iw_-OhVHxXql_VW7NwbxM2IujuqNl8_LXJj_qsW-KdasjNUS6JtS87s/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>

Đơn giản vậy thôi, đây là blog cá nhân, mình chép để lưu lại, cảm ơn các bạn đã ghé thăm blog. Chúc cái bạn thành công.