Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website

Sunnybrother
0
Hướng dẫn tạo tiện ích liên hệ như Zalo, Messenger, Gọi điện, Facebook cố định bên phải blogspot, website hiển thị cả trên máy tính và điện thoại.
Hãy tưởng tượng sẽ thế nào nếu khách hàng của bạn khi vào trang blog muốn liên hệ mua hàng mà lại không có nút liên hệ cho blog/web?

Sẽ thật là tuyệt vời nếu như khách hàng, đọc giả vào trang blog hoặc website của bạn sẽ hoàn toàn có thể liên lạc vơi bạn bằng nút gọi điện hay tin nhắn phía bên góc màn hình...

Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website

Hôm nay ngay tại blog này tôi sẽ giúp đỡ bạn làm việc đó thật đễ dàng để không mất đi khách hàng tiềm năng muốn mua sản phẩm của bạn.

Và tôi hứa là trong blog này sẽ hướng dẫn chi tiết nhất để bạn có thể chèn các nút gọi điện, facebook, zalo.

Ngay trong một lần làm đã thành công...
Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website
Các biểu tượng icon liên hệ sẽ nằm cố định bên phải trên trang blogspot và website của các bạn.

Hướng dẫn thực hiện

Các bước thực hiện đơn giản là chỉ cần copy toàn bộ code sau dán trước thẻ đóng </body> và lưu lại là xong.
<style>
.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}
.fixed-right img{border:0 none;max-width:100%;height:auto}
</style>
<div class='fixed-right'>
    <a href='link-facebook-messenger' target='_blank' title='Facebook'>
        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCeRkkcOaLOwpudQFfroUObzcC8KJlp0hF0lCNS6IFOOOz2MnzVPD7lv6RlDg6hQiDAs2nNPqWth5uygXKDffUtRsE86YxWQA4m4-bdENkEXaPnId9icZsRfbZj1SJRMknW719iuefLjQ/s1600/icon-menu-right1.png' />
    </a>
    <a href='https://zalo.me/1111111111' title='Zalo'>
        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZGQRFtcCeLsZNi5rz6WtvraIHnpvlErmoqcB0wC6frazNtPSsxmc0orSpQuauKNIFx-fh1E9Zni75sS6GTFe3XzVlq-IvZZOQeHu52EsPH0HYPBWCy3RjJgS1KUd_80M9W_JbQxKS7Jg/s1600/icon-menu-right2.png' />
    </a>
    <a class='phone' href='tel:11111111' title='111111111'>
        <img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimN4_kAlA0Jtk4h7VlnpZyMPHlhDPZNFmPz7e51Uxp_jvA1DSn4UIXXvEJyhWEXz8SNSGfwKVY6c8VCJz5DBpIKaNw3A1oTxW6qkvs-MV09PgPEFVAI-10MUtnGge-L4tEdq5bvR2UQfc/s1600/icon-menu-right3.png' />
    </a>
</div>
Chú ý thay các nội dung tô đỏ thành nội dung liên hệ của bạn. Các link image là hình ảnh của các icon liên hệ, nếu muốn thay đổi nó cứ thay đổi link image tương tự là được.

Kết luận

Trên đây là hướng dẫn cách Tạo tiện ích liên hệ cố định đơn giản cho blogspot và website không dùng Javascript. Đó! chỉ vài bước đơn giản vậy là khách của bạn có thể liên hệ với bạn rồi, góp phần tăng đơn hàng cho bạn. Chúc bạn thành công!

Đăng nhận xét

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

0 Nhận xét

Đăng nhận xét (0)

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

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

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Đị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]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu