Tiện ích tạo icon điện thoại có hiệu ứng động

Tiện ích này sử dụng CSS và HTML để tạo ra hiệu ứng cho icon di động động. Thường được sử dụng trên các trang bán hàng để nhằm thu hút khách hàng click vào để gọi điện thoại liên hệ trực tiếp cho người bán.

Khi sử dụng di động click vào biểu tượng này ứng dụng gọi điện sẽ tự động lấy số điện thoại của người. Trên máy tính (Laptop, PC) thì ứng dụng ở mở phần mềm chat Skype

1. Đăng nhập Blogger - Bố cục - Thêm tiện ích - HTML/JAVA SCRIPT
2. Sau đó chèn đoạn code bên dưới vào. Sửa số điện thoại thành số của bạn nhé

<style>
.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;
}
</style>
<a href="Tel:0122.9933.670" class="call-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFqA8fM4u3zpEul7GSY456lR_08r3OANKEcL1IWzXWF95P3H72y_3csT0vkFZekLTSM1YUtFdfUq4tTm681r2HD208tq0mu_AM2zCniDBiRWEtttOwCI1E4VfDfHKIzQItXn4CZ5H14I/s1600/phone.png"/><b>Gọi cho tôi nếu bạn cần</b><span>Nhấn để gọi: 0122.9933.670</span></a>