Item: Tiện ích tạo icon liên hệ có chữ cho blogger
Rating: 9.5
Author: Bùi Tấn Đạt

Bởi: Bùi Tấn Đạt - Lúc: 12:35

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/AVvXsEiHDjCPjHZUpjaUnuHcmChtS0QSB-d92KBFZ_e7vAASrG1QwjJjqq7RPrWCjVt6JzN1VE58gzR0GqJ2_clKB8iOab-fFogaHh3qHu5pg-lDsE20yfE03BvpWzlGoZE4Gh0u-jr0VEThJJA/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.