Bộ tiện ích liên hệ cho blogspot

Zalo 0971539681 Tư vấn & Hỗ trợ

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.


Bộ tiện ích liên hệ cho blogspot



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 liên quan ngẫu nhiên

Nhận xét

Contact Me on Zalo