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

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

Có một số blogger đã đăng ký xong một số mạng quảng cáo như adnet.vn hay Adsense của Google, có code rồi, tuy nhiên không biết chèn thế nào vào blog. Thực ra nói tới việc chèn sẽ nảy sinh ra hàng loạt trường hợp là chèn ở đâu, chèn vào tất cả các bài khi user mở Label hay chỉ chèn vào một bài viết. Chèn quảng cáo có float (style động) hay không. Bài viết dưới đây trình bày tương đối đầy đủ các kiểu chèn Code nhưng chỉ cho dạng Item (một bài nào đó được mở), trường hợp các trang label không đề cập ở đây. 

Cũng giống như các yếu tố khác của trang web của bạn như hình và ảnh, bạn có thể thay đổi vị trí của quảng cáo Google bằng cách sử dụng các thẻ HTML.
Ví dụ: nếu bạn đặt mã quảng cáo AdSense trong các thẻ <div align="center"> and </div>, thì đơn vị quảng cáo sẽ được canh giữa trên trang web của bạn. Bạn cũng có thể đặt toàn bộ nội dung trang của bạn vào một bảng HTML và thay đổi vị trí của đơn vị quảng cáo bằng cách đặt nó trong một ô cụ thể của bảng đó.


Trong bài viết này tôi xin chỉ dẫn cho các blogger cách thức chèn mà quảng cáo vào các vị trí trên web blog.

Thông thường mã quảng cáo có dạng như sau:

<script type="text/javascript"><!--
google_ad_client = "pub-xxx";
//468x60, created 1/4/08
google_ad_slot = "6307774390";
google_ad_width = 468;
google_ad_height = 60;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Trước khi chèn bạn phải chuyển đổi mã bằng  nhờ Ad-code-converter . Sau khi convert mã CODE  bạn nhận được một đoạn code Adsense mới (gọi tắt là ABC chẳng hạn) không có các thẻ mở, đóng và ngoặc kép trong mã. Ta sử dụng mã mới này để chèn vào template. Xin nhắc trước một lần điều rất quan trọng là trước khi thao tác với templates, bạn phải sao lưu nó về máy đề phòng bất trắc. 


  Có 4 vị trí tối ưu khi chèn mã quảng cáo: 

1. Các banner dài, 468x60, 236x60... chèn trên đầu bài (nhưng dưới tiêu đề): 


Để chèn vào vị trí như trên, làm như sau: Tìm đến dòng 

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


và chèn vào "ngay bên dưới" nó mã này:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>

ABC 

</p>
</b:if>

2. Các banner dài, chèn vào dưới cuối bài viết: 




Để chèn vào vị trí như trên, làm như sau: Tìm đến đoạn mã dạng na ná như sau: 

<div class='post-body entry-content'>

<p><data:post.body/></p>


<div style='clear: both;'/>


</div> 


(tại sao lại na ná? Vì có thể bạn đã chèn các link read more nên code có thể không còn nguyên vẹn như trước nữa) 


và chèn đoạn mã này vào ngay dưới thẻ đóng /DIV cuối:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>

ABC 

</p>
</b:if>

3.Float trái (dồn trái): quảng cáo hiện ngang với text nhưng dồn về bên trái. 


Cách chèn này tiện lợi với các mẫu cỡ vuông hoặc không quá chênh lệch dài rộng. 





Cách chèn: làm y chang bước 1, nhưng thêm code màu đỏ ( style='float:left' )vào như sau:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:left'>

ABC 

</p>
</b:if>

4.Float phải: 




Cách chèn: làm y chang bước 1, nhưng thêm code màu đỏ ( style='float:right' )vào như sau:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:right'>

ABC 

</p>
</b:if>

Còn một số thủ thuật chèn quảng cáo có điều kiện như "không hiện quảng cáo ở trang chủ", "đổi ngẫu nhiên giữa 2 quảng cáo",... nhưng có lẽ phải trình bày ở 1 dịp khác. Chúc bạn chèn thành công quảng cáo vào blog của mình. 

thuthuat tham khảo từ Anh Võ (VWG)