Tiện Ích Tạo Icon Liên Hệ Có Chữ Cho Blogspot

Tiện ích giúp bạn tạo liên hệ trượt dọc trên website giúp tạo dự chú ý và gia tăng sự liên hệ đặt hàng

Cách thực hiện

Cài đặt tiện ích icon liên hệ cho Blogger

1. Vào blogger truy cập vào mẫu

Chèn code CSS trên trước thẻ ]]></b:skin>

.call-info {
    width: auto;
    background: #2980b9;
    position: fixed;
    bottom: 35px;
    left: 35px;
    color: #fff!important;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(10,10,10,.2);
    padding-left: 52px;
    border-radius: 5px;
    transition: all .3s ease;
    text-align: left;
    z-index: 99999;
    font: 16px/24px Roboto Condensed;
}
.call-info img {width:auto!important;
    float: left;
    position: absolute;
    left: 12px;
    top: 20px;
    color: #fff;
    transition: all .3s ease;
}
.call-info span {
    display: block;
}
.call-info:hover img {
    transform: rotate(360deg);
}
.call-info img {
    float: left;
    position: absolute;
    left: 12px;
    top: 20px;
    color: #fff;
    transition: all .3s ease;
}

2. Chèn HTML hiển thị

Bạn có thể tạo HTML/Javascript mới rồi chèn vào hoặc chèn trước thể đóng </body> đều được

<a href="tel:0969.366.466" class="call-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmzHvesjGK762_q1bbp9hyphenhyphenDOVwnMAdOVTF-SDv6H4xz1dR1__q7k9KT4rpvLwTZoBvsmCYh1XPRB6VLKPhai9ygxnPQVJ1kDTc0j42j6VIqjzmZgQ16mjVQ0fN8fJupWPrtFHfc8-cJw/s1600/phone.png"/><b>Gọi cho tôi nếu bạn cần</b><span>Nhấn để gọi: 0969.366.466</span></a> 

Thay  0969.366.466 thành số điện thoại của bạn.

Chúc các bạn thành công!