Các hook đặt ads (quảng cáo) trên Xenforo.

  • Thread starter Thread starter THB
  • Ngày gửi Ngày gửi

THB

Founder
Thành viên BQT
Vnxf.vn - Bài viết hướng dẫn các bạn cách biết các hook đặt ads (quảng cáo) trên Xenforo bằng hình ảnh.

hook quang cao 00.jpg
hook quang cao 01.jpg
hook quang cao 02.jpg
hook quang cao 03.jpg


- Cách tạo banner header cho xenforo
Chào các bạn,
Có một số bạn thắc mắc cách chèn banner trên phần header của xenforo, sau đây mình sẽ hướng dẫn các bạn cách chèn quảng cáo trên header.
Bước 1:
Xác định kích thước banner bạn cần chèn
Bước 2: Vào AdminCP > Appearance > Templates > và tìm Templates "ad_header"
Các bạn chèn đoạn code vào:
PHP:
<a target="_blank" href="link bạn cần dẫn đến"><img src="link ảnh" style="margin: 0 auto; width:100%;max-width:728px"></a>
Trong đó bạn thay số 728 bằng chiều ngang banner của bạn.
Ngoài ra, mỗi giao diện có thể khác nhau, bạn nên thử hết các vị trí.

Mong giúp ích cho các bạn!
 
Sửa lần cuối bởi điều hành viên:
1 cách khác đặt quảng cái cho header và các vị trí khác trong forum (Cách này bạn phải cài addon Widget Framework)

Bước 1: Xác định kích thước ảnh:
- Nếu muốn để ngang hàng với logo web thì bạn phải để kích thước banner quảng cáo + với kích thước logo = với kích thước chiểu ngang (width) forum bạn
P7blKbL.png
- Nếu muốn không ngang hàng với logo web thì bằng với chiều ngang (width) forum của bạn là được.
Bước 2: Vào AdminCP > Appearance > Widget Framework > Add Widget
Rồi làm như ảnh sau: Chỗ Deactivate for mobile, nếu ảnh có chiều ngang dài hơn so với giao diện đt thì bạn tích vào đó để được đẹp hơn nhé.
hk010ro.png

Vậy là xong, cách làm này bạn có thể dễ dàng quản lý các code thêm vào mà không cần sửa template. Cách làm này bạn có thể ứng dụng cho các đoạn code có sử dụng css hay script. Script thì nó luôn luôn có thẻ của nó rồi nên k bàn. Còn css thì bạn chỉ cần thêm <style>chèn đoạn code css vào đây</style>.
Còn chèn ở các vị trí khác bạn chỉ cần sửa lại ở Position là: hook: (vị trị cần chèn)
 
1 cách khác đặt quảng cái cho header và các vị trí khác trong forum (Cách này bạn phải cài addon Widget Framework)

Bước 1: Xác định kích thước ảnh:
- Nếu muốn để ngang hàng với logo web thì bạn phải để kích thước banner quảng cáo + với kích thước logo = với kích thước chiểu ngang (width) forum bạn
P7blKbL.png
- Nếu muốn không ngang hàng với logo web thì bằng với chiều ngang (width) forum của bạn là được.
Bước 2: Vào AdminCP > Appearance > Widget Framework > Add Widget
Rồi làm như ảnh sau: Chỗ Deactivate for mobile, nếu ảnh có chiều ngang dài hơn so với giao diện đt thì bạn tích vào đó để được đẹp hơn nhé.
hk010ro.png

Vậy là xong, cách làm này bạn có thể dễ dàng quản lý các code thêm vào mà không cần sửa template. Cách làm này bạn có thể ứng dụng cho các đoạn code có sử dụng css hay script. Script thì nó luôn luôn có thẻ của nó rồi nên k bàn. Còn css thì bạn chỉ cần thêm <style>chèn đoạn code css vào đây</style>.
Còn chèn ở các vị trí khác bạn chỉ cần sửa lại ở Position là: hook: (vị trị cần chèn)
Muốn ẩn trên Mobile thì làm sao ạ.
 
độ rộng của ad_header là gì bao nhiêu ạ ? biết kích cỡ .làm quảng cáo sẽ dễn hơn.
 
Vnxf.vn - Bài viết hướng dẫn các bạn cách biết các hook đặt ads (quảng cáo) trên Xenforo bằng hình ảnh.

View attachment 1591 View attachment 1592 View attachment 1593 View attachment 1594

- Cách tạo banner header cho xenforo
Chào các bạn,
Có một số bạn thắc mắc cách chèn banner trên phần header của xenforo, sau đây mình sẽ hướng dẫn các bạn cách chèn quảng cáo trên header.
Bước 1:
Xác định kích thước banner bạn cần chèn
Bước 2: Vào AdminCP > Appearance > Templates > và tìm Templates "ad_header"
Các bạn chèn đoạn code vào:
PHP:
<a target="_blank" href="link bạn cần dẫn đến"><img src="link ảnh" style="margin-top: 50px;
" align="right"></a>
Mong giúp ích cho các bạn!
- Em làm theo rồi . chả những không được mà nó còn đảo lộn vị trí của taiga chat lên trên cái thống kế forum như thế này
upload_2015-11-20_20-44-50.png
 
Các bác ơi, chỉ giúp mình vị trí đặt quảng cáo như diễn đàn tinhte.vn với, mình đặt theo các hướng dẫn search trên google nó toàn hiển thị tận comment cuối cùng của trang.

2016-03-26_zpsp8b1rs4b.png


2016-03-26%201_zpsitoiasrj.png
 
chèn nó trong <header> mã gg </header> trong template PAGE_CONTAINER
 
Chỉnh lại chỗ này như thể nào các bạn, cacsi title bị thu gọn lại khi thêm code quảng cáo
3220377854_1761028237_574_574.jpg
 
Cho e hỏi là, e đặt banner quảng cáo tại các vị trí hook như hướng dẫn, nhưng vào giao diện mobile bị vỡ giao diện nó k tự fix theo giao diện mobile, có bác nào biết chỉ giùm e với ạ!
 
1 cách khác đặt quảng cái cho header và các vị trí khác trong forum (Cách này bạn phải cài addon Widget Framework)

Bước 1: Xác định kích thước ảnh:
- Nếu muốn để ngang hàng với logo web thì bạn phải để kích thước banner quảng cáo + với kích thước logo = với kích thước chiểu ngang (width) forum bạn
P7blKbL.png
- Nếu muốn không ngang hàng với logo web thì bằng với chiều ngang (width) forum của bạn là được.
Bước 2: Vào AdminCP > Appearance > Widget Framework > Add Widget
Rồi làm như ảnh sau: Chỗ Deactivate for mobile, nếu ảnh có chiều ngang dài hơn so với giao diện đt thì bạn tích vào đó để được đẹp hơn nhé.
hk010ro.png

Vậy là xong, cách làm này bạn có thể dễ dàng quản lý các code thêm vào mà không cần sửa template. Cách làm này bạn có thể ứng dụng cho các đoạn code có sử dụng css hay script. Script thì nó luôn luôn có thẻ của nó rồi nên k bàn. Còn css thì bạn chỉ cần thêm <style>chèn đoạn code css vào đây</style>.
Còn chèn ở các vị trí khác bạn chỉ cần sửa lại ở Position là: hook: (vị trị cần chèn)
Bác ơi vậy muốn cái ads đó nó tự responsive kích thước trên mobile, hay tạo một ads tương tự nhưng dùng để hiển thì cho mobile thì sao ạ (vì nếu dùng chung của desktop thì nó bị kéo dài)
 
Sửa lần cuối:
  • Like
Reactions: THB
Có bác nào xử lý được vấn đề hiển thị trên mobile không ạ. Chỉ em với
 
  • Like
Reactions: THB
Cho em hỏi với. Em đặt banner trên diễn đàn http://diendanson.com của em nó toàn bị kéo to ra, hình ảnh không thu nhỏ khi dùng mobile. Làm sao để nó thu gọn theo mobile. Mong các pro VNFX chỉ giáo giúp em. Em mới học, nên gà.;)
 
  • Like
Reactions: THB
Back
Top