Trang chủ
Blogspot Tips

Hướng dẫn thêm quảng cáo vào đầu và cuối bài viết

Hướng dẫn thêm quảng cáo vào đầu và cuối bài viết, Adding Ads Top and Bottom of Article
Vũ Văn Hoàn

Ngoài các tiện ích quảng cáo có thể được sử dụng trực tiếp trong Bố cục Blogger, có một số tiện ích quảng cáo bổ sung chỉ có thể được sử dụng theo cách thủ công.

Điều này có nghĩa là để thêm quảng cáo bạn phải thông qua Chỉnh sửa mẫu HTML, có một số lý do tiện ích này không được thêm vào trong Bố cục ngoài việc khó khăn, đôi khi script hoạt động không tốt.

Nhưng bạn không cần phải lo lắng về vấn đề chỉnh sửa, chúng tôi đã biên soạn một cấu trúc mã mẫu gọn gàng và dễ hiểu.

  1. Trên trang tổng quan Blogger, nhấp vào 'Chủ đề'.

  2. Nhấp vào biểu tượng mũi tên xuống bên cạnh nút 'Tùy chỉnh'.

  3. Nhấp vào Chỉnh sửa HTML, bạn sẽ được chuyển đến trang chỉnh sửa.

    Edit HTML

Thêm quảng cáo vào đầu và cuối bài viết

Vui lòng tìm mã bên dưới: Sử dụng ctrl + F để tìm kiếm dễ dàng hơn

<!--[ Top article ad ]-->
<b:includable id='post-adTop'>

Mã cho quảng cáo bên dưới bài viết:

<!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>

Đoạn mã trên được đặt gần nhau, vì vậy nếu bạn tìm thấy một đoạn mã, bạn sẽ ngay lập tức tìm thấy cả hai. Mã hoàn chỉnh như sau:

<!--[ Top article ad ]-->
<b:includable id='post-adTop'>
  <div class='postAd'>
    <!--[ Top article Ad ]-->
          
    <!--<ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block'/>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>-->
  </div>
</b:includable>
      
<!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
  <div class='postAd'>
    <!--[ Bottom article Ad ]-->
          
    <!--<ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block'/>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>-->
  </div>
</b:includable>

Tôi cũng đã thêm một mã đơn vị quảng cáo adsense mẫu vào đó, vì vậy để thêm mã quảng cáo mới, bạn chỉ cần thay thế mã này:

<!--<ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>-->

Lưu trang của bạn bằng cách nhấp vào biểu tượng lưu ở trên cùng bên phải của màn hình và chờ một lát để quảng cáo xuất hiện, có thể mất một chút thời gian.

Tham khảo: jagodesain.com

Đăng nhận xét