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

Zalo 0971539681 Tư vấn & Hỗ trợ
Nếu chưa có kinh nghiệm về Blogspot đừng lo lắng mình có dịch vụ Cầm Tay Chỉ Việc vui lòng tính thêm khoản phí 1.000.000₫, hãy gọi hoặc Zalo ngay cho mình: 097.1539.681 để được tư vấn và hỗ trợ nhanh nhất nhé!

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.

Contact Me on Zalo