Cách tạo nút gọi, chát zalo, facebook, vào blogspot

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.