[ Blogger ] Tiện ích tạo icon liên hệ có chữ cho Blogger
Cách thực hiện 1. Vào blogger truy cập vào Chủ Đề và Chỉnh Sửa HTML Chèn code CSS trên trước thẻ ]]></b:skin> .call-inf...
Mọi bài đăng được viết bởi tác giả của blog, vui lòng ghi nguồn ghi copy bài đăng từ trang này
Cách thực hiện
1. Vào blogger truy cập vào Chủ Đề và Chỉnh Sửa HTML
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:0166.947.3425" class="call-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpEmHx21ifGouZOcGHCF89SLolkNIst_7xdXDd75Qp7ZPdRx5nKkQg5rKiPEsd_gTqksLpAskX-WQRsv-EQ_XrckrJUwJe_pf_gpF0A_9bpX-ReEDEpXO9eUVirhwPq8aqsldesjt9apg/s1600/phone.png"/><b>Liên Hệ Facebook Để Nhận Tư Vấn Website</b><span>Nhấn để gọi: 0166.947.3425</span></a>Thay 0166.947.3425 thành số điện thoại của bạn.
[ Blogger ] Tiện ích tạo icon liên hệ có chữ cho Blogger
Reviewed by Kiên Bro
on
tháng 8 03, 2017
Rating:
Không có nhận xét nào:
Một số lưu ý khi bình luận
Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)
Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời
Để bình luận một đoạn code, hãy mã hóa code trước nhé