Cách chèn quảng cáo vào bài viết trong Blogspot

Đăng bởi Admin | 11/9/13 | 4 nhận xét

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>


Mã CODE quảng cáo (gọi tắt là ADS). 

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 (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'>

ADS

</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). Theo kinh nghiệm, các bạn chỉ cần tìm đến cụm <p><data:post.body/></p> )

 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'>

ADS

</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 đoạn code màu đỏ này ( style='float:left' ) vào như sau:


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

ADS

</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 xanh này ( style='float:right' ) vào như sau:

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

ADS

</p>
</b:if>


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

                                                                                        Thu thuat vi tinh

Ghi rõ nguồn từ Thu thuat vi tinh (dưới dạng liên kết) khi phát hành lại bài viết này