Hướng dẫn tạo quảng cáo trượt 2 bên trang web

Nếu bạn có nhu cầu đặt banner quảng cáo trên website của mình mà không có đủ diện tích ở phần nội dung, hãy tận dụng banner quảng cáo ở 2 bên website.

Nếu bạn sử dụng WordPress để tạo website, bạn có thể sử dụng plugin Float Left Right Advertising đểtạo banner quảng cáo mà không cần phải chỉnh sửa code.

Để tạo được banner quảng cáo chạy trượt 2 bên website, bạn thêm đoạn code sau vào sau thẻ hoặc trước thẻ

Tạo Banner Quảng Cáo Chạy Dọc 2 Bên WebSite WordPress.

Tạo banner quảng cáo chạy dọc 2 bên website với plugin Float Left Right Advertising.

Đối với quản trị website wordpress hay những người biết về wordpress thì việc này vô cùng đơn giản. Nhưng đối với những người mới bắt đầu thì sẽ có đôi chút bỡ ngỡ.

Để tạo banner trượt dọc 2 bên website, đầu tiên bạn cần phải cài đặt plugin Float Left Right Advertising và kích hoạt nó. Nếu bạn chưa biết cách cài đặt và kích hoạt plugin thì bạn có thể tham khảo thêm tại đây.

Sau khi cài đặt và kích hoạt xong, bạn vào phần Gói mở rộng sẽ thấy plugin này đã được kích hoạt cho website.

Bạn vào Cài đặt, chọn Float Left Right Advertising để thiết lập tùy chọn cho plugin, và tại đây bạn hãy điều chỉnh sao cho hiển thị ra ngoài website phù hợp nhất.

Thiết lập plugin tạo banner chạy dọc 2 bên website wordpress.

Trong phần thiết lập plugin có những phần như sau:

  • Active plugin: trạng thái kích hoạt plugin. Bạn chọn Yes để kích hoạt.
  • Show ads if client screen width >=: chiều rộng màn hình hiển thị, có 3 lựa chọn: 800, 1024 và 1280px. Thường thì là 1024 nhé.
  • Main content width: chiều rộng website. Bạn cứ để mặc định 1000.
  • Show Ads on mobile devices: Thiết lập chế độ hiển thị trên điện thoại, chọn yes hoặc no
  • Banner Left: bao gồm Width [chiều rộng] và Height [chiều dài] của banner hiển thị phía bên trái.
  • Banner Right: bao gồm Width [chiều rộng] và Height [chiều dài] của banner hiển thị phía bên phải.
  • Margin Left: khoảng cách bên trái của banner so với màn hình máy tính.
  • Margin Right: Khoảng cách bên phải của banner so với màn hình máy tính.
  • Margin Top: khoảng cách từ trên xuống của banner so với màn hình máy tính.
  • HTML left Code và HTML right Code: đây là vị trí chèn code hiển thị hình ảnh ra màn hình.

Sau khi đã thiết lập xong, bạn nhấn Save Setting để lưu lại các thiết lập đã cài đặt.

Bây giờ, bạn có thể truy cập website để xem hiển thị banner chạy dọc 2 bên website như thế nào nhé.

Hiển thị banner quảng cáo chạy dọc 2 bên website.

Trên đây là bài hướng dẫn, chia sẻ đến các bạn cách để tạo banner quảng cáo trượt dọc 2 bên website wordpress rất đơn giản và dễ dàng với plugin Float Left Right Advertising. Hi vọng bài viết này sẽ giúp ích được cho các bạn.

[Thủ thuật WordPress] Hướng dẫn cách tạo quảng cáo trượt hai bên trong WordPress – Bạn có cảm thấy blog của mình ngày càng có lượng truy cập tăng lên đáng kể hay không, nếu bạn cảm thấy vậy sao bạn không tận dụng ưu điểm này để kiếm một chút nhỏ kinh phí nhằm duy trì website. Nếu có nhiều người muốn đặt quảng cáo thì việc gì bạn không tận dụng hiển thị quảng cáo ở phía bên trái và phải của trang web, khi các bạn đặt quảng cáo ở 2 vị trí này làm cho người đọc sẽ chú ý hơn so với các vị trí khác.

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo Drop cap cho bài viết wordpress không dùng Plugin giúp bạn có thể tùy biến dễ dàng bài viết của mình theo phong cách riêng tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo quảng cáo trượt hai bên trong WordPress.

Bạn có thể lựa chọn việc hiển thị quảng cáo ở hai bên trang web bằng cách sử dụng Plugin hoặc code và bạn là người ra quyết định? Về ưu nhược điểm của việc sử dụng Plugin và code chắc bạn cũng đã hiểu? Hãy cùng blog thủ thuật tìm hiểu cách tạo quảng cáo trượt hai bên trong WordPress đơn giản nhất.

Phương pháp 1: Sử dụng Plugin

Với plugin Float Left Right Advertising bạn sẽ dễ dàng chèn quảng cáo trượt hai bên trang chỉ cần cài đặt và kích hoạt Plugin là bạn có thể sử dụng. Giống như mọi Plugin khác đầu tiên bạn cần cài đặt Plugin và kích hoạt nó để sử dụng [tham khảo bài viết hướng dẫn cài đặt Plugin WordPress với các phương pháp rất đơn giản].

Lưu ý: Plugin này đã được phát triển hơn hai năm và chưa có bản cập nhật mới tuy nhiên theo mình test thử nó vẫn hoạt động trơn tru.

Sau khi cài đặt thành công bạn hãy Kích hoạt Plugin > Sau khi bạn kích hoạt bạn sẽ thấy xuất hiện một Menu có tên là Float Left Right Advertising hãy kích chọn vào menu này.

Tạo quảng cáo trượt hai bên trong WordPress đơn giản

Sau đó hãy thực hiện các cài đặt sau đây.

Active Plugin: Bạn chọn Yes nếu muốn hiển thị quảng cáo 2 bên và chọn No để tắt

Show ads if client screen width: Hiển thị quảng cáo ở chế độ màn hình nào, có 3 sự lựa chọn cho bạn đó là 800, 1024 và 1280 px.

Main content width: Độ rộng tối đa của website, thông thường các website có độ rộng là 1024px, bạn có thể thay đổi theo theme bạn đang dùng.

Show Ads on mobile devices: Hiển thị quảng cáo với mobile

Banner Left & Banner Right: Tùy chỉnh chiều cao, chiều rộng của banner hiển thị ở bên trái và bên phải

Margin Left: Khoảng cách lề quảng cáo so với bên trái

Margin Right: Khoảng cách lề quảng cáo so với bên phải

Margin Top: Khoảng cách lề quảng cáo so với bên trên

HTML left Code: Mã HTML quảng cáo hiển thị ở cột bên trái

HTML right Code: Mã HTML quảng cáo hiển thị ở cột bên phải

Khi dán mã quảng cáo HTML xong bạn bạn lưu lại các cài đặt và bây giờ bạn ra ngoài trang chủ để xem kết quả.

Phương pháp 2: Sử dụng mã HTML

Nếu bạn cảm thấy trong website của mình đã quá nhiều Plugin thì bạn có thể dùng code sau để hiển thị quảng cáo trượt hai bên trong WordPress > hãy sao chép đoạn mã sau và dán vào file Header.php sau thẻ là được.

Chú ý bạn thay đổi như sau.

You.com: Thay bằng địa chỉ website của bạn nhé Phần ảnh bạn thay đổi lại đường dẫn ảnh của bạn nhé

Vậy là xong rồi đấy bây giờ bạn có thể hiển thị quảng cáo trượt 2 bên rồi đấy, quá đơn giản để bạn có thể tạo quảng cáo trượt hai bên trong WordPress phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Chủ Đề