Hướng dẫn chèn nút chát vào website blogger

Hướng dẫn chèn nút chát vào website blogger với các nút chát zalo, điện thoại, facebook.

 

VÀO CHỦ ĐÊ - CHỌN TÙY CHỈNH - CHỈNH SỬA HTML

COPY ĐOẠN CÓ DƯỚI VÀO - LƯU LẠI

  <style>.float-contact {
position: fixed;
bottom: 40px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background: #0099cc;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #ff3300;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #ff3300!important;
border-radius: 40px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: black;
font-weight: 400;
text-transform: none;
line-height: 0;
}
    .float-contact .chat-zalo:hover, .float-contact .chat-face:hover, .float-contact .hotline:hover{
box-shadow: -3px 2px 2px 1px #121111;
}
@media (max-width: 549px){
.float-contact{
/* display:none */
}
}</style>
<div class='float-contact'>
<button class='chat-zalo'>
<a href='http://zalo.me/09164790000'>Chat Zalo</a>
</button>
<button class='chat-face'>
<a href='https://goo.gl/maps/otrTmhMHqnGBQiTE6/'>Chat Facebook</a>
</button>
<button class='hotline'>
<a href='tel:090000000'>Hotline: 0908000000</a>
</button>

</div>
 

Copy past xong lưu xem lai trang web đã hiện icon chưa:

 

Hướng cách chèn icon zalo vào trong web

 

Mớ website blogger copy past đoạn code vào phần dưới cùng trang

 <div class='zalome'><a href='https://zalo.me/0900000000' target='_blank'>
<img alt='icon zalo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji-T91M2PiHY10LSb9dkVkYP3n2fok-1anFL-zr52sYDvqIdXtjxi6AArAGq8Kq3LvBzi7xEvsWKqDzuLdQA91MmDgC5DmGlLyE2_uHtfkXJ0k75nl8C1sQ_CgXNMJlmkZnnNQ9mDk4s/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: 100px;
    left: 5px;
}
</style>