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ủ đề:
-
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
-
Cách nhúng file PDF vào website
-
Domain is already processing an SSL request. Please allow it to finish before making other changes
-
Thêm text vào khu vực mô tả ngắn của sản phẩm theme Flatsome
-
Mở sẵn khung soạn thảo “Mô tả ngắn của sản phẩm” trong WooCommerce
-
Xác định tên miền có bị spam ở mức cao hay không?
-
http:// chuyển hướng 301 sang https:// có tốt không?
-
Ẩn /category/ trong URL danh mục của WordPress
-
Các chỉ số quan trọng của PageSpeed Insights
-
Nhiều link có hậu tố feed “Bị loại trừ bởi thẻ noindex” trong WordPress