[ 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-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://4.bp.blogspot.com/-QeER6cSflJg/V-yl5N8VklI/AAAAAAAAIdM/sd3fjcQI9SABIL1zccycwLgZpAAn_1QvwCLcB/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.
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • Không được backlink và nói tục. Hãy là một độc giả có ý thức.

    » Hướng Dẫn Chèn Liên Kết: <a href="Link" rel="nofollow">Tên</a>
    » Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin
    » Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.

    Nhận bài viết mới