Chèn quảng cáo vào các vị trí khác nhau trong bài đăng blogspot

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ủaAdsensecó 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>

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

Vào Blog chọn bố cục thêm tiện ích chọn thêm HTML/JaveScrip và dán đoạn mã quảng cáo Adsense vào. ( đơn giản nhưng chỉ thêm những chỗ thêm tiện ích được )

Chèn vào Template của Blog 

Đây là cách được nhiều người 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. Nhưng để 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

Chèn trên đầu và dưới tiêu đề bài đăng  [Xem Demo]

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>

Thêm chèn dưới tiêu đề bài đăng giống trong hình :

Giống như trên nhưng các bạn chèn đoạn code sau :

             div style='float:left;margin-right:15px'>
            <div id='Google-AdSense' style='width:300px; margin:0 auto;'>

                 Code quảng cáo đặt ở đây
           </div> 
           </div> 

Chèn vào dưới cuối mỗi bài đăng [Demo]
Bấm 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'>

       Code quảng cáo đặt ở đây

       </p>

      </b:if>

Hiện quảng cáo bên trái mỗi bài đăng [Xem Demo]

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

             Code quảng cáo đặt ở đây

             </p>

            </b:if>

Hiện quảng cáo bên phải mỗi bài đăng [Xem Demo]

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

             Code quảng cáo đặt ở đây

            </p>

            </b:if>

Vậy là xong, các bạn thử xem kết quả thế nào nhé, giờ thì vivu kiếm tiền nhé.
Chúc thành công.

• Tweet
• Share
• Share
• Share
• Share