SHARE CODE LIÊN HỆ NHANH CỰC ĐẸP CHO BLOG [QUICK CONTACT]

TẢN MẠN

Hello, xin chào tất cả các bạn đã quay trở lại với blog của mình !!! Ngồi học chán quá nên lang thang trên mấy blog chơi thấy bên Tuổi Trẻ IT  có cái code này hay hay nên mạn phép lấy về share. Biết là điều sai trái và ko nên nhưng mà nó đẹp quá ko cưỡng được !!!(cơ mà code này ko có khó để tìm trên mạng)

DEMO VÀ THÔNG TIN CODE

THỰC HÀNH

Các bạn  Copy & Edit đoạn code bên dưới, sau đó đặt nó vào trước thẻ đóng </body>
<!-- Bắt đầu liên hệ nhanh -->
<style>
.support-online { position: fixed; z-index: 999; left: 0; bottom:0px;}.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px;}.support-online i {
    text-align: center;
    width: 39px;
    height: 39px;
    background: #72bf3b;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    line-height: 1.9;
    position: relative;
    z-index: 999;
    margin-left: -2px;
    margin-top: 3px;
}.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1;}.support-online a:hover span { display: block;}.support-online a { display: block;}.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px;}.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px;}.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5;}.support-online .btn-support { cursor: pointer;}.btn-support .tooltiptext { visibility: hidden; width: 140px; background-color: black; color: #fff; text-align: center; border-radius: 3px; padding: 4px 2px; position: absolute; z-index: 1;}.btn-support:hover .tooltiptext { visibility: visibl
</style>
<script>
jQuery(document).ready(function(){
    jQuery('.support-content').hide();
    jQuery('a.btn-support').click(function(e){
      e.stopPropagation();
      jQuery('.support-content').slideToggle();
    });
    jQuery('.support-content').click(function(e){
      e.stopPropagation();
    });
    jQuery(document).click(function(){
      jQuery('.support-content').slideUp();
    });
});
</script>
<div class='support-online'>
<div class='support-content' style='display: block;padding-left: 34px;'>
<a class='call-now' href='tel:01686897757' rel='nofollow'>
<i aria-hidden='true' class='fa fa-whatsapp'/>
<div class='animated infinite zoomIn kenit-alo-circle'/>
<div class='animated infinite pulse kenit-alo-circle-fill'/>
<span>Hotline: 0168.689.7757</span>
</a>
<a class='mes' href='https://www.messenger.com/t/www.leanhduc.xyz' target='_blank'>
<i aria-hidden='true' class='fa fa-facebook-official'/>
<span>Nhắn Tin Facebook</span>
</a>
<a class='zalo' href='https://zalo.me/01686897757' target='_blank'>
<i class='fa fa-comments'/>
  <span>Zalo: 0168.689.7757</span>
</a>
</div>
<a class='btn-support' style='     padding-left: 33px; '>
<div class='animated infinite zoomIn kenit-alo-circle'/>
<div class='animated infinite pulse kenit-alo-circle-fill'/>
<i aria-hidden='true' class='fa fa-user-circle'/>
<div class='tooltip'>
</div>
</a></div>
<!-- Kết thúc liên hệ nhanh -->

LỜI KẾT

Nếu thấy bài viết hay & quảng cáo hiển thị phù hợp thì hãy click QC ủng hộ mình nha ! Cảm ơn các bạn rất nhiều :)
Chúc các bạn một ngày học tập và làm việt thật hiệu quả !!!
Tác giả: Lê ANh Đức

Tôi là Lê Anh Đức


  • - Đời người có ai là hoàn hảo ? Bởi thế, trong quá trình viết bài tôi có thể tôi sẽ có nhiều sai sót. Rất mong các bạn góp ý để tôi dần hoàn thiện hơn
    - Mọi ý kiến , thắc mắc xin vui lòng liên hệ:
    • Email: www.leanhduc.tk@gmail.com
    • Facebook: Lê Anh Đức
    ^_^
    =r
    :))
    ;)
    =))
    :((
    <3
    ==
    :v
    :)
    :(
    :*
    :D
    (yy)
    (y)
    =hi
    :P
    =s
    =ok
    =clap
    =he
    =hl
    =hr
    :-)
    =hup
    =hd
    =l
    =ht
    =aa
    =no
    =hum
    =haizz
    =ask

    42 nhận xét:

    1. Trả lời
      1. EO ÔI...SAO LỠ CHẶN QUẢNG CÁO CỦA EM THẾ :((

        Xóa
    2. được á nha :v í chết em nhấn quảng cáo rồi sao :V

      Trả lờiXóa
    3. Chuất đấy em, đã click QC cho em hóng click lại <3 "click vào đầy"
      PS: giúp tôi 1 liên kết nhé "click vào đầy"

      Trả lờiXóa
    4. https://www.toishare.net/2018/01/tao-box-support-cuc-dep-va-chuyen-nghiep-cho-trang-web.html

      Trả lờiXóa
    5. để code vào khung code, thì bài viết sẽ chuẩn hơn đó ông

      Trả lờiXóa
    6. hehe blog bây giờ vi diệu quá :))

      Trả lờiXóa
    7. lâu lâu ko qua chơi mà thay đổi nhiều quá....mới vào tưởng nhầm blog :D

      Trả lờiXóa
    8. blog quảng cáo lung tung quá ông

      Trả lờiXóa

    Một số lưu ý khi bình luận

    Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

    Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

    Để bình luận một đoạn code, hãy mã hóa code trước nhé !

    Xem hướng dẫn bình luận tại đây

    HƯỚNG DẪN BÌNH LUẬN

    Chèn link

    Sử dụng thẻ sau: <a href='LINK'>TÊN_HIỂN_THỊ</a>

    Chèn hình ảnh

    [img] LINK_ANH [/img]Sử dụng công cụ upload ảnh tại đây

    Định dạng chữ

    <b> Chữ in đậm </b>
    <i> Chữ in nghiêng </i>
    <u> Chữ gạch chân </u>
    <strike> Chữ gạch ngang </strike>

    Chèn một đoạn Code

    Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
    Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

    Đã hiểu
    Liên hệ hợp tác & phát triển
    www.leanhduc.tk@gmail.com