Xin chào các bạn, mình là Aulitci! Đối tác muốn thực hiện quảng cáo trên website của bạn, và muốn đặt banner ở vị trí cuối cùng trang trượt lên xuống đều có thể nhìn thấy. Hôm nay mình sẽ hướng dẫn các bạn cách làm sao để tạo 1 banner chạy dưới chân trang giao diện wordpress. Cùng xem ngay dưới đây nhé!
Vị trí Banner Catfish
Vị trí Catfish hay còn được gọi là Floating Bottom là vị trí bên dưới cùng của trang web khi mà bạn trượt lên trượt xuống bất kỳ đều có thể nhìn thấy và tắt được. Vị trí này được nhiều website quảng bá thương hiệu, bởi tính đa dụng ít ảnh hưởng đến người dùng.
Nhưng vẫn sẽ đảm bảo được tính thẩm mỹ và hiệu quả của Quảng Cáo. Dưới đây là một số hình ảnh mô tả vị trí Catfish ( Floating Bottom ). Mọi người có thể bắt gặp dạng quảng cáo này trên các website phim lậu cũng như BET, bóng đá, …
Vậy làm thế nào để tạo được Banner quảng cáo như này? Cùng xem chi tiết dưới đây!
Hướng Dẫn Tạo Banner Catfish trượt trên website WordPress
Cách tạo cực kỳ đơn giản, các bạn chỉ cần tải về Plugin dưới đây và tiến hành cài một số bước là có thể sử dụng được.
- Bước 1: Tiến hành Tải và Cài Đặt Plugin bên dưới đây.
- Bước 2: Sau khi kích hoạt Plugin -> Setting sẽ có giao diện như bên dưới:
Các vị trí trong Plugin bao gồm:
- Nơi các bạn muốn banner Catfish hiển thị, có thể là thiết bị di động hoặc Máy Tính
- Đây là nơi chèn Code hình ảnh.
- Đây là nơi kích hoạt Banner, ẩn hoặc hiển hình ảnh.
Các câu hỏi liên quan đến Plugin Banner cuối trang
Làm thế nào để chèn hình ảnh banner hiện trên website?
Rất đơn giản các bạn chỉ cần chèn Code sau vào mục số 2 bên trên. Nhấp chọn cả 2 mục ở số 1 ( hình bên trên ) tiếp đó nhấn vào Enable ở số 3. Code để chèn như sau:
<a href=” Link đường dẫn mà banner trỏ đến”><img src=” Đặt Link hình ảnh vào Tại Đây “></a>
Làm sao để chèn nhiều banner ?
Để chèn nhiều banner các bạn đơn giản chỉ cần thêm thẻ <br> và mỗi Dòng Code hình ảnh là được. Ví dụ:
<a href=” Link đường dẫn mà banner trỏ đến”><img src=” Đặt Link hình ảnh vào Tại Đây “></a><br>
<a href=” Link đường dẫn mà banner trỏ đến”><img src=” Đặt Link hình ảnh vào Tại Đây “></a><br>
<a href=” Link đường dẫn mà banner trỏ đến”><img src=” Đặt Link hình ảnh vào Tại Đây “></a><br>
Làm sao để sửa lỗi Banner bị ẩn đằng sau Element khác?
- Bước 1: Truy cập vào Plugin -> Plugin File Editor. Tìm đến tên Plugin bên trên.
- Bước 2: Chèn đoạn code dưới đây vào cặp thẻ <style></style>. Lưu ý: Chèn đè và xóa code cũ đi, hoặc sửa lại code cũ thành như bên dưới.
#floating_ads_bottom_textcss_container {position: fixed;bottom: 2px;width: 100%; z-index: 9999;}
#floating_ads_bottom_textcss_wrap {text-align: center; z-index: 9999;}
#floating_ads_bottom_textcss_ad {display:inline-block; z-index: 9999;}
#floating_ads_bottom_textcss_close {position: absolute;top: -20px;display:inline-block; z-index: 9999;}
Vậy là trên đây mình đã hướng dẫn chi tiết các bước làm sao để có thể tạo nên banner Catfish trượt ở cuối trang. Câu hỏi gì các bạn hãy inbox cho mình qua Tele cuối trang. Xin cảm ơn! Đừng quên theo dõi Lu3app để cập nhật thêm các thủ thuật mới và hay nhất.
Discussion about this post