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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsCP8hDU9e_RNzSIv3OaPhd5RtGkF4gBwLHa4wFprOagCjv-3ytojuZ3NYRBBHdsOzCZ_ziaGuav_PdAzzYFFyPE5H55CNRAWCYFVq4zbfK1otPRYQG0wvJfAggQQdct-3XlUx_6ME1CX/s0/icon-menu-right1.png' width='60' />
</a>
<a href='https://zalo.me/0358557624' title='Zalo'>
<img alt='icon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ZQdyFEdUfIPTTnqhfiGHWdK7-6avPq_NU3rD_pdgdbU_SSESDcdkE3awwgWw46odN2DNPFWTDBExHY5ZOyTDPu67555U8Od1s3RC5tPi7X2JAlrrbg0Fyy8iAJrg08agBaq4-h2KeMHK/s0/icon-menu-right2.png' width='60' />
</a>
<a class='phone' href='tel:0358888666' title='0358888666'>
<img alt='icon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxit8hFvNY4YQHJTO7U9fubrCWA2OYsFL5VOlx8jcB540T1w-6fXht75tGviM64SKAZ511N059MlLXT78pNETlqExQiEat_0k5E6oQNE5c2XpL5kHjz4dxyCoFXqmOmmNK-GXtcG2aPWs/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.
