Chèn icon vào website (call, sms, zalo, messenger)
Các chèn các icon: Hotline, SMS, Zalo, Messenger vào bên “trái – dưới” website bằng đoạn html & css như sau:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
<style type="text/css"> .vuca-support div.zalo, .vuca-support div.call { background-color:#0084ff } .vuca-support div.sms { background-color:#f60 } .vuca-support div.messenger { background-color:#e60f1e } .vuca-support { width:45px } .vuca-support a { line-height:45px; color: transparent; display:block; } .vuca-support { display:block } .vuca-support div.zalo { display: block } .vuca-support div.call { background-image: url(https://tuvantenmien.com/wp-content/uploads/call.webp); } .vuca-support div.sms { background-image: url(https://tuvantenmien.com/wp-content/uploads/mail.webp); background-color: #f60; background-size: 60%; } .vuca-support div.zalo { background-image: url(https://tuvantenmien.com/wp-content/uploads/zalo.webp); } .vuca-support div.messenger { background-image: url(https://tuvantenmien.com/wp-content/uploads/messenger.webp); background-color: #e60f1e; } .vuca-support div { margin: 14px 0; background: #0084FF center no-repeat; background-size: 70%; border-radius: 50%; box-shadow: 0 3px 10px #888; } .vuca-support { text-align: center; left:20px; position: fixed; bottom: 20px; z-index: 999; } </style> <div class="vuca-support"> <div class="call"> <a href="tel:0843141592" rel="nofollow">.</a> </div> <div class="sms"> <a href="sms:0843141592" rel="nofollow">.</a> </div> <div class="zalo"> <a href="https://zalo.me/0843141592" target="_blank" rel="nofollow">.</a> </div> <div class="messenger"> <a href="#" target="_blank" rel="nofollow">.</a> </div> </div> <!-- /Flatsome/Global Settings/Footer Scripts https://tuvantenmien.com/chen-icon-vao-website-call-sms-zalo-messenger/ --> |
Thay số 0843141592 bằng số điện thoại của bạn
<div class=”messenger”> <a href=”#” target=”_blank” rel=”nofollow”>.</a> </div> – Thay dấu # bằng đường dẫn đến chat facebook.
Liên hệ hỗ trợ Zalo: 084 3.141592
Kết quả sau khi chèn code:
Bài viết cùng chủ đề:
-
Chuyển file ảnh sang webp tự động, tăng tốc website
-
Tạo tệp tin từ chối liên kết (Disavow file) trong Google Console
-
Những trang web nào check Spam Score miễn phí và đáng tin cậy?
-
Tên miền đẹp nhưng spam score lại khá cao, cách khắc phục tốt nhất?
-
Chỉ số spam score 74%, cần bao nhiêu thời gian để trở về bình thường dưới 30%, phương pháp có khó không?
-
Yếu tố nào làm tăng chỉ số Spam Score, nó là spam link hay sao?
-
Việc ai đó cố ý Spam thì phải xử lý thế nào?
-
Website có chỉ số Spam Score là 66%, cần làm gì để khắc phục nó?
-
Spam Score là gì?
-
Trên Ahrefs: http://dichvuxaydung.vn 301 https://dichvuxaydung.vn nghĩa là gì?
-
Schema là gì? Cài đặt Schema Markup cho website?
-
Hiệu suất, Hỗ trợ tiếp cận, Phương pháp hay nhất, SEO trên công cụ Google PageSpeed Insights có nghĩa là gì?
-
File xmlrpc.php của WordPress là gì?
-
Cloudflare là gì?
-
WebP đã là tập tin tối ưu chưa? hay còn định dạng khác?
-
Chuyển đổi ảnh jpg/png sang webp