D
Home Thủ thuật Blogger [ Blogger ] Share code liên hệ trượt dưới chân trang web

[ Blogger ] Share code liên hệ trượt dưới chân trang web

Đoạn code này do mình viewsourse lấy bên  tenten.vn  rất thích hợp dùng cho các website bán hàng hoặc làm dịch vụ nên sử dụng để giúp cho...

Mọi bài đăng được viết bởi tác giả của blog, vui lòng ghi nguồn ghi copy bài đăng từ trang này


Đoạn code này do mình viewsourse lấy bên tenten.vn rất thích hợp dùng cho các website bán hàng hoặc làm dịch vụ nên sử dụng để giúp cho khách hàng của mình liên hệ dễ dàng hơn.
Có thể giúp gia tăng tỉ lệ gọi điện đặt hàng, thích hợp với các web đang triển khai các chiến dịch chạy Google Adwords, Click to web với Facebook Ads có thể sẽ gia tăng tỉ lệ chuyển đổi hơn.


Tiện ích liên hệ trượt dưới chân trang web chia làm 3 phần gồm:
  1. Thông tin liên hệ
  2. Tùy chỉnh
  3. Chát, Tư vấn online

I. Hướng dẫn chèn code cho blogger


Chèn code HTML sau, trên thẻ đóng </body>

1. Code HTML cho phần liên hệ

123456789101112131415161718192021<div class="bottom_support" style="z-index:999px;">
<div class="wrap_bottom">
  <div class="hotline_bottom">
          <span class="ico"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTEqFL0wc_pz-Q1DeV0Mv3x_iFEtt15TxHUseDKVntLG1iIqTFHgKpOfWPAkn64NyKxbgMAa5X-tN7KJCzBeSmvl0c1kQCEwXuloT3Ddq3pK8JdTlX4Q0hlG0drJAV8O8cShg1aOOdNjg/s1600/bottom_support_ico_phone.png"/></span>
         <div class="txt">Hotline: <strong>0932.913.631</strong> <span>(kỹ thuật)</span> - <strong>0932.913.631</strong> <span>(CSKH)</span></div>
        </div>
        <div class="guide_payment">
         <a target="_blank" href="#">
             <span class="ico"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4ai5kKmDdbkkCcM6uxT_4E_-nKnKNoKjK4QxtxID0KVnyTfhRQBqaOtLQyXj6zPh-dZGSKGaOvTFXRQnA0bs6LV1jp7gvzrwyJ5vokOUT8n5BU4Mz6t0oF-EC7gDR1WvEU7yf9TTj4A/s1600/bottom_support_ico_guidepayment.png"/></span>
                <span class="txt">Hướng dẫn thanh toán</span>
            </a>
        </div>
        <div class="advisory_online">
         <a target="_blank" href="#">
             <span class="ico"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ts3N62MjBJl0zhfzWb9BBVKx01htsMR-uu61xCeHsz3cLylVgYK5BDpiPSrc63N2C9i2AGk1m3dCp1Cc4UkAzSS-uVOJZkqbO7Sc6L_0VI5rPaLK_35jD3EluZbMv9AR8cOB_qnudh0/s1600/bottom_support_ico_advisoryonline.png"/></span>
                <span class="txt">Tư vấn online</span>
            </a>
        </div>
    </div>
</div>

1

2. Code CSS cho phần liên hệ

Code này chuẩn Responsive nên bạn hoàn toàn có thể yên tâm, hiển thị tốt cho đầy đủ các thiết bị khác nhau.
Chèn code css sau, trên thẻ đóng ]]></b:skin> 

1Các bạn nhấn vào đây để lấy code nhé
 Bạn có thể backup các hình ảnh bên dưới lại đề phòng bị hỏng link, mình đã down và up nó lên blogger nên các bạn cũng có thể yên tâm

II. Đối với Wordpress


 Bạn chèn đoạn code sau vào bất kì thành phần nào của blog, thường là các tiện ích ở Footer

Các bạn nhấn vào đây để lấy code nhé

 

 Chúc các bạn thành công và hãy theo dõi blog để có nhiều thủ thuật hay hơn nhé
[ Blogger ] Share code liên hệ trượt dưới chân trang web Reviewed by Kiên Bro on tháng 8 11, 2017 Rating: 5

Chuyên Mục :

Author Image

Thông tin tác giả: Kiên Bro

Tất cả bài viết đều được phát triển bởi Admin, nếu bài viết này liên quan đến nguồn hoặc bản quyền của bạn thì hãy thông báo Admin để gỡ bỏ tại đây.

Xem thêm:
Bảng mã icon:
:)
:))
:D
=))
:(
:((
:o
^_^
^-^
/-f
^.^
/-g
;)
-_-
=_=
/-r
-.-
:p
/-o
/-hi
/-ok
/-clap
(y)
<3

1 nhận xét:

  1. hùnglúc 05:56 11 tháng 8, 2017

    sửa thành starhungit.com giúp với diimax ơi

    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é

Đăng ký: Đăng Nhận xét (Atom)
Phát Triển BởiDii Max | Facebook

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Dii Max IT. Được tạo bởi Blogger.