Chèn quảng cáo vào nội dung bài viết Blogger Blogspot

Làm sao để chèn quảng cáo Google vào bài viết & nội dung của Blogger/Blogspot? Làm sao để chèn quảng cáo ở đầu bài viết? chèn quảng cáo ở giữa bài viết, cuối bài viết hay thậm chí là một bên bài viết trong blogger? Bài viết sau đây sẽ hướng dẫn các bạn cách chèn mã quảng cáo của Google Adsense vào Blogger, cách này cũng áp dụng với một số quảng cáo khác như: Adnet.vn, Bidvertiser.

Một mã quảng cáo của Adsensecó dạng như sau:

<script type="text/javascript"><!-- 
google_ad_client = "pub-2130301322121363"; 
/* 250x250, Được tạo ra 20/03/2011 */ 
google_ad_slot = "4280005562"; 
google_ad_width = 300; 
google_ad_height = 250; 
//--> 
</script> 
<script type="text/javascript" 
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script> 

1. Chèn trực tiếp vào tiện ích HLMT/ JavaScript

Vào Design - Page Elements - Add a Gadget - chọn HTML/JaveScrip và dán đoạn mã quảng cáo Adsense vào

Cách này đơn giản, dễ quản lý nhưng không thay đổi được kích thước và không hiện thị được trong bài đăng

2. Chèn vào Template của Blog

Đây là cách được nhiều blogger sử dụng vì quảng cáo sẽ hiện thị trong bài đăng, có thể thay đổi được kích thước và hiển thị được ở nhiều vị trí tối ưu trên blog. Trước khi chèn mã Adsense vào Blog bạn phải chuyển đổi (converter) Google Adsense Converter.

Sau khi chuyển đổi bạn nhận được một mã mới, sử dụng mã này mới có thể chèn vào Template

a/ Chèn trên đầu và dưới tiêu đề bài đăng nhưng dưới tiêu đề blog

Vào Mẫu (Design) - Chỉnh sửa HTML (Edit HTML) - Chọn Mở rộng tiện ích mẫu (Expand Widget Templates)

- Tìm đoạn code sau:

<div class='post-header-line-1'/>

- CHèn ngay vào dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> 
<p class='ads'> 
Mã Adsense đã chuyển đổi 
</p> 
</b:if>

b/ Chèn vào dưới cuối mỗi bài đăng:

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

<div class='post-body entry-content'> 
<p><data:post.body/></p> 
<div style='clear: both;'/> 
</div>

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> 
<p class='ads'> 
Mã Adsense đã chuyển đổi 
</p> 
</b:if>

c/ Hiện quảng cáo bên trái mỗi bài đăng

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

<div class='post-header-line-1'/> 

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> 
<p class='ads' style='float:left'> 
Mã Adsense đã chuyển đổi 
</p> 
</b:if>

d/ Hiện quảng cáo bên phải mỗi bài đăng

- Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

<div class='post-header-line-1'/> 

- Chèn vào ngay dưới nó đoạn mã sau:

<b:if cond='data:blog.pageType == "item"'> 
<p class='ads' style='float:right'> 
Mã Adsense đã chuyển đổi 
</p> 
</b:if>

Ghi chú:  

Có thể bạn chưa biết mã hóa Code, bạn có thể vào tham khảo bài viết Chèn Tiện ích Mã Hóa Code cho Comment của Blogger Blogspot hoặc dùng chính ngay tiện ích mã hóa code dưới phần Comments của bài viết là được.

Chúc bạn thành công!

Nguồn tham khảo terocket.com