Home / Tổng hợp kiến thức Wordpress / Theme wordpress / Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS, Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS,Code HTML CSS

Chào các bạn, lang thang trên group Flatsome Việt Nam, mình tình cờ đọc được câu hỏi của một bạn về thanh liên hệ nhanh (mình tạm gọi là Contact Bar) khá đẹp trên giao diện mobile. Nhận thấy có nhiều bạn cũng chưa biết cách làm nên mình tìm cách làm để chia sẻ cho các bạn, hy vọng nó sẽ hữu ích, mời các bạn theo dõi.

Đối với theme Flatsome

Bước 1: Tại thanh Admin Bar đen đen trên cùng, truy cập chữ Flatsome – Advanced – Global Setting– Footer Script

Bước 2: Copy toàn bộ đoạn code dưới đây và paste vào Footer Scipt nhé!

Lưu ý:

  • Sửa số điện thoại của bạn để khách gọi tới trong tel:0972939830
  • Sửa số điện thoại của bạn để khách nhắn tin đến trong sms:0972939830
  • Sửa link trang zalo cá nhân của bạn để khách nhắn tin tới trong href=”http://zaloapp.com/gr/p/3ur778onb9ak“
  • Sửa tên user Facebook của bạn để khách nhắn tin tới trong href=”https://messenger.com/t/joseph.thien.75“
  • Các bạn có thể tải các icon trên server của ninhbinhweb.net về, upload lên web của các bạn rồi thay các link ảnh vào đoạn code trên nhé!

Bước 3: Lưu lại và hưởng thành quả trên giao diện mobile.

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

Bước 1: Truy cập  Giao diện – Sửa – chọn theme đang dùng để sửa – Footer.php

Bước 2: Copy toàn bộ đoạn code ở bên trên vào giữa thẻ đóng </body> và </html>

Bước 3: Lưu lại và tận hưởng thành quả trên mobile nhé!

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

Nguồn : https://giuseart.com/code-tao-thanh-lien-nhanh-tren-giao-dien-mobile-bang-html-va-css/

Bài viết hay

Code Icon Social Fixed mới nhất

Code Icon Social Fixed mới nhất

5.0 02 Chào các Bạn! Nay lại là một bài share code về các nút …

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *