Chèn quảng cáo vào trong bài viết cho Blogger

Vị trí quảng cáo là một trong những thứ quan trọng trong việc thu hút cái nhìn của khách truy cập. Đặt quảng cáo trong bài viết là một trong những cách để hiển thị nội dung quảng cáo đến người dùng một cách dễ dàng và tối ưu nhất. Do đó hôm nay, tại bài viết này mình xin hướng dẫn các bạn đặt quảng cáo tại 2 vị trí cơ bản, đầu và cuối bài viết.

Hướng dẫn đặt quảng cáo trong bài viết cho Blogger


Chuẩn bị

Đầu tiên các bạn phải có sẵn cho mình đoạn mã (HTML) quảng cáo của bạn, còn kích thước thì tùy thuộc vào chiều rộng trang và thẩm mỹ của bạn, mình khuyên dùng quảng cáo có kích thước 300x250 trong sẽ đẹp hơn :)

Chèn quảng cáo tại đầu bài viết cho Blogger

1. Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML
2. Tìm đến thẻ tất cả các thẻ <data:post.body/>  và thêm đoạn code sau vào bên trên và Lưu lại.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</b:if>
Sau khi chèn thành công trang bài đăng của bạn sẽ có cấu trúc như sau

Hướng dẫn đặt quảng cáo trong bài viết cho Blogger

Nếu bạn muốn căn giữa cho quảng cáo của mình thì thay thể đoạn mã trên bằng đoạn phía dưới
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</div>
</b:if>
Còn nếu bạn muốn Quảng cáo của mình năm trong bài viết như hình dưới

Hướng dẫn đặt quảng cáo trong bài viết cho Blogger

thì các bạn sử dụng đoạn mã sau đây
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin:10px;'>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</div>
</b:if>
Các bạn có thể thay đổi thuộc tính float:left thành right nếu muốn chuyển quảng cáo của mình sang phải.

Chèn quảng cáo tại cuối bài viết cho Blogger

Để đặt quảng cáo ở cuối bài viết thì các bạn làm tương tự như trên chỉ khác ở chỗ là chèn đoạn mã ở dưới các thẻ <data:post.body/>.

Rất hy vọng là hướng dẫn nho nhỏ này giúp bạn có được vị trí chèn quảng cáo ưng ý cho riêng mình. Chúc bạn thành công!

6 bình luận

  1. avatar says

    lúc 15:08 30 tháng 1, 2015

    thế quái nào mà đoạn

    nó luôn báo bị lỗi trong phần edit html nhở Lâm ơi

  2. avatar says

    lúc 15:09 30 tháng 1, 2015

    Error parsing XML, line 2183, column 12: Open quote is expected for attribute "{1}" associated with an element type "cond"

  3. avatar says

    lúc 20:11 30 tháng 1, 2015

    Bác thử lại nhé, nó bị lỗi dấu ' với " ấy mà.

  4. avatar says

    lúc 20:49 6 tháng 8, 2015

    Lâm nên tạo một trang tĩnh là "hỏi đáp" đảm bảo sẽ rất ăn khách và ko lạc đề như comment này :P

    Cái temp tớ đag dùng ko hiểu sao cứ chèn chú thích vào ảnh là cả ảnh và chú thích bị đẩy ra giữa trang, phải chỉnh sao nhỉ. Ví dụ như cái này:

    http://www.duyblog.com/2014/05/nhat-ky-bua-nhan-2.html

  5. avatar says

    lúc 17:40 8 tháng 8, 2015

    Duy chèn thêm vào css
    table {
    width: auto!important;
    }
    là xong.

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.