5

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

Tác giả: Hòa Trần Blogger - đăng vào tháng 10 31, 2011

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://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.

Đừng bỏ lỡ.
Hổ trợ 24/7

Đừng ngừng ngại liên hệ chúng tôi, hổ trợ 24/7. Hotline: 097 1539 681

alt
alt