Thủ thuật blog: Cách chèn mã quảng cáo vào Blogspot

loading...

Nếu bạn có 1 blog, bạn có thể kiếm tiền từ nó thông qua việc chèn quảng cáo vào blog. (Xem tại đây)

Chèn quảng cáo vào các vị trí của blog cũng là 1 nghệ thuật. Bài viết sau đây sẽ hướng dẫn các bạn cách chèn vào blog mã quảng cáo của Google Adsense,  Bidvertiser, Chitika, các mã quảng cáo khác cũng tương tự như vậy …

Mã quảng cáo của adsense thế nào? 

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

<script type=”text/javascript”><!– 
google_ad_client = “pub-2130301322121363″; 
/* 250×250, Được tạo ra 20/03/2011 */ 
google_ad_slot = “42xxxx“; 
google_ad_width = 300; 
google_ad_height = 250; 
//–> 
</script> 
<script type=”text/javascript” 
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”> 
</script> 
Các cách chèn như sau (Xem Demo 1, Demo 2)
1. Chèn trực tiếp vào tiện ích HLMT/ JavaScript

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

Ưu điểm: Cách này đơn giản, dễ quản lý, không cần chỉnh sửa mã quảng cáo.

Nhược điểm: 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 Design – Edit HTML – Click Expand Widget Templates
Tìm đến dòng (Ctrl + F): <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’> 

Mã Adsense đã chuyển đổi 

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

Vào Design – Edit HTML – Click Expand Widget Templates
Tìm đến dòng (Ctrl + F): Tìm code tương tự

<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

Vào Design – Edit HTML – Click Expand Widget Templates
Tìm đến dòng (Ctrl + F): <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

Vào Design – Edit HTML – Click Expand Widget Templates
Tìm đến dòng (Ctrl + F): <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>

Đây là một số dạng chèn quảng cáo cơ bản. Trong cách chèn quảng cáo, còn nhiều cách chèn như quảng cáo đuổi chuột, quảng cáo popup, quảng cáo hiện góc phải góc trái, quảng cáo hiện hai bên …. sẽ được trình bày ở các phần tiếp theo

Thủ thuật blog: Cách chèn mã quảng cáo vào Blogspot