Hướng dẫn tạo các nút liên hệ nhanh tuyệt đẹp cho website

Mình tham khảo một số website đẹp trên mạng, thấy họ có mấy nút liên hệ nhanh tuyệt vời quá nên mình tổng hợp và cóp nhặt về để làm cho website của mình. Kết quả là thật đáng tự hào, code HTML và CSS khá đơn giản nhưng cực kỳ hữu ích. Các bạn có thể xem hình mô tả ở đây:

Xem demo thực tế: http://fashion3.ninhbinhweb.biz/

Code tạo nút liên hệ nhanh bằng HTML và CSS cho website

Chúng ta cùng nhau bắt tay làm luôn nhé! Code này cực kỳ hữu ích và thích hợp đặc biệt cho các bạn mới vào nghề, đặc biệt là các bạn chưa biết gì về CODE, các bạn chỉ việc copy và paste theo đúng hướng dẫn là được thôi. Mình đã test rất nhiều lần và chỉ cần copy – paste đúng chỗ là nó hoạt động luôn không cần nói nhiều.

Đối với theme Flatsome

Bước 1: Truy cập vị trí cần dán code

Trên thanh đen đen trên cùng có chữ Flatsome – Advanced – Global Setting – Footer Script

Bước 2: Cắt dán đoạn code cần thiết

Các bạn copy và paste toàn bộ đoạn code dưới đây vào Footer Script nhé:

Bước 3: Thay thế, chỉnh sửa thông tin cần thiết

Các bạn có thể tải các ảnh icon về rồi upload lên host, lấy url link ảnh để thay thế vào các link ảnh của ninhbinhweb nha, ví dụ link như này:

thay-link-ảnh-cho-code-tạo-nút-liên-hệ-nhanh
Các bạn có thể tải ảnh về, upload lên host và lấy link ảnh để thay vào các vị trí như hình mình mô tả ở trên nhé

Các bạn cũng có thể thay nội dung các số điện thoại, link facebook và link chat zalo nhé!

Thay-link-liên-hệ-nhanh
Các bạn có thể thay các link liên hệ nhanh của các bạn vào các vị trí như mình mô tả nhé

Bước 4: Lưu lại và tận hưởng thành quả

Đối với theme bất kỳ không phải Flatsome

Nếu bạn không dùng Flatsome, chúng ta sẽ bỏ đoạn code này vào giữa hai thẻ đóng </body> và </html> của file Footer.php nhé!

Còn bạn nào mà không biết file Footer.php ở chỗ nào nữa thì vô Quản trị – Giao diện – Sửa giao diện – tìm file Footer.php ở cột bên phải nhé!

Trả lời

Email của bạn sẽ không được hiển thị công khai.