Chia sẻ tới tất cả mọi người Bộ tiện ích liên hệ cho blogspot bao gồm: Messenger, Zalo, Gọi điện, tronng đó nút gọi điện thoại có hiệu ứng rung lắc rất đẹp mắt.
Các bước cài đặt tiện ích liên hệ như sau:
Bước 1: Các bạn copy toàn bộ nội dung HTML bên dưới dán dưới thẻ mở <body> hoặc thẻ đóng </body> đều được
<div class='fixed-right'>
<a href='https://facebook.com' target='_blank' title='Facebook'>
<img alt='icon' height='60' src='https://1.bp.blogspot.com/-ucj75S-NHag/YQO7YekpPFI/AAAAAAAAF40/X50uv3qp_SEDd-E5b4Gm2No_WEeU0eZrACLcBGAsYHQ/s0/icon-menu-right1.png' width='60' />
</a>
<a href='https://zalo.me/0358557624' title='Zalo'>
<img alt='icon' height='60' src='https://1.bp.blogspot.com/-LqHJYohmX_o/YQO7dqu-6xI/AAAAAAAAF44/tsVOEf05wvEt6XvDXvqoPl0rieoJlveUwCLcBGAsYHQ/s0/icon-menu-right2.png' width='60' />
</a>
<a class='phone' href='tel:0358888666' title='0358888666'>
<img alt='icon' height='60' src='https://1.bp.blogspot.com/-vggB3uAweYA/YQO7ipk-vQI/AAAAAAAAF48/6nha6thv6cY8dxDKRq73csLVZtcJZEGMgCLcBGAsYHQ/s0/icon-menu-right3.png' width='60' />
</a>
</div>
Bước 2: Các bạn copy toàn bộ CSS bên dưới dán trước thẻ đóng </b:skin>
img{border:0 none;max-width:100%;height:auto}.fixed-right{position:fixed;z-index:9999;right:5px;transform:translateY(-50%);top:calc(50% + 10px) !important;width:50px;text-align:center;overflow:hidden}.fixed-right a{margin-bottom:10px;width:40px;height:40px;display:inline-block}.fixed-right a.phone{border-radius:50%;background:#64bc46;padding:6px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}
Như vậy là bạn đã cài đặt thành công Bộ tiện ích liên hệ cho blogspot.
Bài viết: Bộ tiện ích liên hệ cho blogspot được viết bởi admin trang Giaodien.blog
Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.
Để lại nguồn có nghĩa là bạn tôn trọng tác giả.
Động lực để mình chia sẻ nhiều bài viết hay.
