Header Ads

Hướng dẫn chèn quảng cáo tự động vào giữa bài viết cho Blogspot

Bài viết hướng dẫn chèn quảng cáo Adsense,… vào giữa bài viết cho Blogspot (Blogger) tự động sau thẻ Readmore (dấu ngắt trang).
Viết Blog chia sẻ về nhiều điều trong cuộc sống là một sở thích của rất nhiều người. Tuy nhiên, người viết Blog cũng cần tiền để chi tiêu trong cuộc sống hằng ngày, trả tiền mua domain và host/vps. Đặt một vài quảng cáo trên Blog cũng là một cách kiếm tiền hiệu quả, đặc biệt là đặt ở giữa bài viết.
Với WordPress, bạn có thể dễ dàng chèn các loại quảng cáo như Google Adsense,… vào giữa bài viết hay bất cứ đâu trên Website bằng sự hỗ trợ của các Plugins. Nhưng Blogger lại khác, bạn không thể sử dụng Plugin nên bạn phải tự chèn code google adsense vào website.Google có nhiều bài viết hướng dẫn chèn quảng cáo Adsense vào bài viết Blogspot nhưng hầu hết là chèn vào đầu, cuối hoặc có thể không hoạt động được. Dưới đây mình sẽ chia sẻ code và hướng dẫn các bạn chèn quảng cáo vào giữa bài viết tự động cho Blogger, bạn đặt dấu ngắt trang cho bài viết ở đâu thì quảng cáo nó sẽ hiện ở đó.

Các bước chèn code quảng cáo vào giữa bài viết Blogger

Bước 1: Đăng nhậ vào tài khoản Blogger của bạn, di chuyển đến menu Mẫu và chọn Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <head> và dán đoạn code sau vào dưới thẻ đó.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#tuongblog&#39;).html());
$(&#39;#tuongblog&#39;).html(&#39;&#39;);

});
</script>
Bước 2: Tìm đến thẻ <data:post.body/> và dán đoạn code sau vào bên dưới thẻ đó.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='tuongblog'>
<center>
Dán code quảng cáo ADSENSE vào đây 
</center>
</div>
</div>  
</b:if>
Trong Template của Blogspot thường có 2 hoặc 3 thẻ <data:post.body/> nên bạn hãy kiên nhẫn thử lần lượt từng thẻ một nhé.


Lưu ý

– Bạn kiểm tra xem Template của Blog bạn đã có thẻ màu xanh chưa, nếu có rồi thì không cần chèn thêm đoạn màu xanh, tránh xung đột.
– Nếu bạn muốn hiển thị quảng cáo ở cả hai nơi tức là dưới thẻ <!–more–> và cũng có thể ở cuối bài thì xóa đoạn mã màu vàng ở trên 2 bước.
– Khi viết bài bạn sử dụng dấu ngắt trang vào nơi bạn muốn hiển thị quảng cáo.
Chúc các bạn thành công!
Nguồn: windows2it.com

Không có nhận xét nào

Được tạo bởi Blogger.