Tiện ích tạo icon liên hệ có chữ cho blogger

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:0932.913.631" class="call-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdiexird1dKshHsHSv33F3KEbif2_wb7nl5NAjR8NQGtY6Qo4j8qlAa420rDzEnHpmOo5N2EXgVK1R_-2BZEyYxtOJUSHhkZoEqASeEz98FnXU2WHVQX2oJMlz7SoOzI1v5CvBz9FFUUo/s1600/phone.png"/><b>Tư vấn triển khai Marketing Online</b><span>Nhấn để gọi: 0932.913.631</span></a>

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

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

13:56:00 › 0 ›

CHIA SẺ NGAY:

Xin Chào!

Huỳnh Phụng Blogger

Tôi làm việc về Digital Marketing (SEO, Google Adwords, Facebook) và hy vọng sẽ có cơ hội hợp tác với bạn. Cùng chia sẻ kinh nghiệm mình có được...xem thêm