Tiện ích liên hệ đẹp cho Blogger

Bộ Tiện Ích Liên Hệ Đẹp Cho Blogger - Facebook, Zalo, Gọi Điện, SMS

Bạn muốn tích hợp các kênh liên hệ trực tiếp như Facebook, Zalo, gọi điện và SMS trên blog của mình? Hãy thử ngay bộ tiện ích liên hệ hoàn hảo cho Blogger, giúp bạn kết nối nhanh chóng với khách hàng chỉ trong một cú nhấp chuột. Bộ tiện ích này được thiết kế đẹp mắt, dễ sử dụng và hoàn toàn miễn phí, giúp bạn nâng cao trải nghiệm người dùng và tương tác dễ dàng hơn.

Tính năng nổi bật:

• Facebook: Nút nhắn tin trực tiếp qua Messenger.
• Zalo: Kết nối nhanh với tài khoản Zalo cá nhân hoặc doanh nghiệp.
• Gọi điện: Tích hợp nút gọi điện trực tiếp.
• SMS: Gửi tin nhắn nhanh qua điện thoại.

Ưu điểm:

• Thiết kế hiện đại, tinh tế
• Dễ dàng tùy chỉnh theo phong cách blog
• Hỗ trợ responsive, hiển thị tốt trên mọi thiết bị
• Tăng tính tương tác và kết nối khách hàng

Cài đặt ngay bộ tiện ích liên hệ đa kênh và nâng cao sự chuyên nghiệp cho blog của bạn!

Cách cài đặt copy toàn bộ code dán trước thẻ đóng </body> trong HTML của Blogger

Copy

<style>
/*<![CDATA[*/
.giuseart-nav{position:fixed;right:13px;background:#fff;border-radius:5px;width:auto;z-index:150;bottom:50px;padding:10px 0;border:1px solid #f2f2f2}.giuseart-nav ul{list-style:none;padding:0;margin:0}.giuseart-nav ul li{list-style:none!important}.giuseart-nav ul>li a{border:none;padding:3px;display:block;border-radius:5px;text-align:center;font-size:10px;line-height:15px;color:#515151;font-weight:700;max-width:72.19px;max-height:54px;text-decoration:none}.giuseart-nav ul>li .chat_animation{display:none}.giuseart-nav ul>li a i.ticon-heart{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJMmlHPMG204pKWvwDN_zEF6aLk6fX8tcL6F9_G_ju5ONMwn-w_xzUqCGOz6KYyt7_1DvP7bvze_Sn9ERhu6lLyprM3vnJguhxzb0Xf4YYPaVz1Y63w_xcDNgo6_9DEbBsSjvpj34BJhBQoR094wy4fFAzcfA0WyeO82UN0KetUpzVqqDSar3AslT-63g4/s1200/facebook.webp) no-repeat;background-size:contain;width:36px;height:36px;display:block}.giuseart-nav ul>li a i.ticon-zalo-circle2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE3QTwZ-BOxwtf93IRmVh9Ceibjb61ojbaSofvadabQZLBYtjORp79h_SX61eOJg0iNGMWI33gPuCd75xaxurYGabYS9EHPmUKTbjgifxGg3TdS2hJ8UNAURijglN6Bh_HXPG5wcQ4wxIHPVgH4iXOUBLgepEWCsC6e4ig5vSvxU66xH5Hlhnr2BbZAgEi/s54/zalo.png) no-repeat;background-size:contain;width:36px;height:36px;display:block}.giuseart-nav li .button{background:transparent}.giuseart-nav ul>li a i.ticon-angle-up{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObNEuL8UwWQaK7RorB0UgUf5OVZJox_Vmo02Q62tAIpjORJU4bf0sWWo700PKGMBTwp_xN5nslOqEwvZo_rC64qj40HXOWl2_AnbU0yJ1zFZpCvzbT4DmSAna2YYX-rVAfIMkkY-V7bvP8vdAnDK5UEqWCK4wqjY8ND888F7QKPE6WaOLpJF4tpe01R4c/s54/icon-angle-up.png) no-repeat;background-size:contain;width:36px;height:36px;display:block}.giuseart-nav ul>li a i{width:33px;height:33px;display:block;margin:auto}.giuseart-nav ul li .button .btn_phone_txt{position:relative;top:35px;font-size:10px;font-weight:bold;text-transform:none}.giuseart-nav ul li .button .phone_animation i{display:inline-block;width:27px;font-size:26px;margin-top:12px}.giuseart-nav ul>li a.chat_animation svg{margin:-13px 0 -20px}.giuseart-nav ul>li a i.ticon-messenger{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiczNhbrgo6JqawXgCgl4B80PpSeUz0797XQl-1gObmbRD16EfyFmRgr7knGhbXFA7aubv7qvbNbudJsWc8OVQkEhU1VS0ImBBSvOJNaVf0I8-3FCmIxc3HYlfbHYBGI16KnGTi1nbESwq1w-duH2jA4Wz5P9xDoHo0BvXtVT5BJ9cNSSfoSV9SQVSXvROY/s60/icon-ms-facebook.png) no-repeat;background-size:contain;width:36px;height:36px;display:block}.giuseart-nav ul li .button .phone_animation i{display:inline-block;width:27px;font-size:26px;margin-top:12px}.giuseart-nav ul>li a i.ticon-chat-sms{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_26JAOFFa90xYLNub7E_vonDVfAO1rGoHIBG1dU3hOvweMJ8M5slpwtc6ekONKAhznQjl8YKilLyWe8fUH2wRsnkVPOK7VyW4JplbenMb0OATj5mbFY1NJ2bG46jPfHCynvKEDbKD2v2gjpfx2fOX1NYEs48i6O_VugMrhkJsler50gIfsyAL6IT89DLW/s49/icon-sms-1.png) no-repeat;background-size:contain;width:38px;height:36px;display:block}.giuseart-nav ul>li a i.icon-phone-w{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidubuwcOjGoO_zymj3kQviE78uGs90yQA7lyvkv-5rd3G0_H-UzZlbWh82s9-abv9RUrHmXOAwHzEhNWxCOqZ0JgWh3vPJvPKXp4u-OSrtFsmM0QAxcZWxPxtHifUdDUXS9z1PI_Z1neP5nbyEjbYW5rS7MeTwEth4L3QUCdZj9-M7Txey0g6DtBrdTyCI/s54/icon-phone-w.png) no-repeat;background-size:contain}.giuseart-nav ul li .button .btn_phone_txt{position:relative}.phone-mobile{display:none}@media only screen and (max-width:600px){}@media only screen and (max-width:48em){.giuseart-nav{display:block;width:100%;border-radius:0!important;color:#fff;height:60px;line-height:50px;bottom:0;left:0;z-index:999;padding:5px;margin:0;box-shadow:none!important;border:none}.giuseart-nav ul{width:100%}.giuseart-nav li .chat_animation{display:block!important}.giuseart-nav li .button .phone_animation{box-shadow:none;position:absolute;top:-16px;left:50%;transform:translate(-50%,0);width:50px;height:50px;border-radius:100%;background:#6cb917;line-height:15px;border:2px solid white}.giuseart-nav ul>li a{padding:0;margin:0 auto}.giuseart-nav li{float:left;width:20%;list-style:none;height:50px;border-radius:0!important;display:inline-block;margin-bottom:0;margin-right:0!important}.phone-mobile{display:block!important}.giuseart-nav li.to-top-pc{display:none!important}body,html{word-break:break;width:100%;overflow-x:hidden}}
/*]]>*/
</style>  
<div class='giuseart-nav'>
  <ul>
    <li>
      <a href='https://www.facebook.com/hoatranblog' rel='nofollow' target='_blank'><i class='ticon-heart'/>Fanpage</a>
    </li>
    <li>
      <a href='https://zalo.me/0971539681' rel='nofollow' target='_blank'><i class='ticon-zalo-circle2'/>Chat Zalo</a>
    </li>
    <li class='phone-mobile'>
      <a class='button' href='tel:0971539681' rel='nofollow'>
        <span class='phone_animation animation-shadow'>
          <i aria-hidden='true' class='icon-phone-w'/>
        </span>
        <span class='btn_phone_txt'>Gọi điện</span>
      </a>
    </li>
    <li>
      <a href='https://m.me/1395047117405153' rel='nofollow' target='_blank'><i class='ticon-messenger'/>Messenger</a>
    </li>
    <li>
      <a class='chat_animation' href='sms:0971539681'>
        <i aria-hidden='true' class='ticon-chat-sms' title='Nhắn tin sms'/> Nhắn tin SMS</a>
    </li>
    <li class='to-top-pc'>
      <a href='#' rel='nofollow'>
        <i aria-hidden='true' class='ticon-angle-up' title='Quay lên trên'/>
      </a>
    </li>
  </ul>
</div>