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

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.

Mới hơn Cũ hơn
Contact Me on Zalo