Với các bước này thì các bạn không biết gì về code cũng làm được hoàn thành 100%.
Bước 1: Các bạn vào phần quản lý code HTM của blogspot.
Bước 2: Các bạn thêm đoạn code vào trên thẻ </body> đoạn code như bên dưới .
<script>//<![CDATA[
var _widget_settings = {
positions: 'bottom left',
support: {
staff: {
name: 'Đình Tưởng',
image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYsGwriceuclRqzGT1iAHSbWJIIHU16mhMXWnzowZDXudWaXkijDLFiVh73VVlzrOePiZdVuF-6eJ2xg2U5CgxfepSDpydwsisORFiTEYW41jWZLXpQcUcGZTjztTobP5XMPjMXBC8A6cjoMk1Od2MvZ8iPLAj2ug1q6u6xw861a0-3JXFe8ciKzG9gPl/s1600/favicon.png',
messages: 'Không biết em có thể hỗ trợ gì cho anh/chị không...?'
}
},
buttons: {
contact: {
visible: 'false',
id: '#',
messages: 'Liên hệ'
},
email: {
visible: 'false',
id: 'seovietads@gmail.com',
messages: 'Gửi email'
},
call: {
visible: 'true',
id: '0943348985',
messages: 'Gọi điện'
},
sms: {
visible: 'true',
id: '0943348985',
messages: 'Nhắn tin'
},
viber: {
visible: 'false',
id: 'Vietads.edu.vn',
messages: 'Chat Viber'
},
telegram: {
visible: 'false',
id: 'Veitads',
messages: 'Chat Telegram'
},
zalo: {
visible: 'true',
id: '0943348985',
messages: 'Chat Zalo'
},
facebook: {
visible: 'false',
id: 'Vietads',
messages: 'Chat Facebook'
}
}
}
//]]></script>
<!-- chú ý đoạn code Jquery nếu trong Template đã có thì chúng ta bỏ đi-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'/>
<script src='https://cdn.jsdelivr.net/gh/thietkeblogspot/js/contact-buttons-widget.min.js'/>
Chú ý:
- Thay số điện thoại thành số điện thoại của bạn
- Thay mesaages thành tiêu đề của bạn
- Để bật/tắt một nút riêng lẻ ta chỉnh sửa phần này
visible: 'true',
- Để thay đổi vị trí của nút ta sửa đoạn sau:
positions: 'bottom right',
!!Cảm ơn các bạn đã xem bài viết, chúc các bạn thực hiện thành công. nếu có khó khăn có thể để lại comment ở bài viết này.
Nhận xét
Đăng nhận xét