BLOGSPOT: CHÈN CHAT ZALO, CHAT FACEBOOK, GỌI ĐIỆN THOẠI VÀO WEBSITE, BLOGGER

Không nói nhiều mình chỉ cách làm luôn. Còn tác dụng của nó chắc chắn các bạn cần đã tìm hiểu rồi. Giờ chỉ cần cách làm thôi. 

Ảnh được chụp từ màn hình của mình khi đang làm demo cho các bạn (Trực tiếp trên blogpost)

OK bắt đầu thôi

Cách làm:

Website: Bạn chỉ cần copy đoạn code sau vào bên dưới của thẻ body website

Còn với Blogpost còn dễ hơn. Bạn chỉ cần vào "Bố cục" thêm tiện ích HTML và pate đoạn code dưới vào.

Trực tiếp trên blogpost

<div class="call-mobile2">

<a data-animate="fadeInDown" rel="noopener noreferrer" href="http://zalo.me/0399868255" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">

    <span>Chat Zalo </span></a>

</div>

<div class="call-mobile1">

<a data-animate="fadeInDown" rel="noopener noreferrer" href="https://www.facebook.com/tuyensinh.khaothi" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">

    <span>Chat Facebook</span></a>

</div>

<div class="call-mobile">

<a id="callnowbutton" href="tel:0399 8682 55">0399.8682.55</a><i class="fa fa-phone"></i>

</div>

<style>

.success.is-underline:hover, .success.is-outline:hover, .success {

    background-color: #1E73BE;

    padding: 10px;

    color: white !important;

}

            .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;

                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;

                }

            .call-mobile1 {position: fixed;bottom: 52px;height: 40px;line-height: 40px;

                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;

                }

   .call-mobile2 {position: fixed;bottom: 93px;height: 40px;line-height: 40px;

                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;

                }

   .call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;

                border-radius: 100%;width: 40px;height: 40px;

                text-align: center; float: right;

            }

            .call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;

                    margin-right: 10px; padding-left: 10px;}

  </style>

* Lưu ý: 

+ Các mục mình bôi đỏ thì đổi thành số điện thoại và link Facebook của mình nhé.

+ Còn mục màu xanh là ký tự hiển thị.

CHÚC CÁC BẠN THÀNH CÔNG