Cách đặt quảng cáo Google AdSense trên Blogger

Ngày càng nhiều người tham gia kiếm tiền bằng cách đăng ký quảng cáo Google AdSense. Hôm nay bua-xua mang đến cho bạn hướng dẫn cách đặt quảng cáo AdSense trên Blogger (BlogSpot). Bài viết này không nhấn mạnh khía cạnh đặt quảng cáo sao cho hiệu quả, chỉ đề cập đến vấn đề thao tác để quảng cáo hiển thị ở các vị trí mong muốn. <div class='ads'> Đoạn mã Google AdSense (+) </div> Gợi ý 2: <div id='ads'> Đoạn mã Google AdSense </div> Khi đó chúng ta cần khai báo CSS tương ứng và đặt nó giữa <b:skin><![CDATA[/*và ]]></b:skin> trong template. Dùng cho gợi ý 1: #ads{ float: left; margin: 5px 5px 5px 5px; } Dùng cho gợi ý 2: .ads{ float: left; margin: 5px 5px 5px 5px; } Gợi ý 3. Gom cả hai thành một: <div style='float: left; margin: 5px 5px 5px 5px;'> Đoạn mã Google AdSense </div> Thuộc tính float sẽ làm vị trí của div hiển thị bên trái (left) hay bên phải (right) trong thành phần chứa nó. Giống thuộc tính text-align của văn bản hay align của hình ảnh. Nhưng ở đây div hiển thị như một chiếc hộp nằm bên trái hay phải của khung văn bản. Đương nhiên nếu bạn biết nhiều về CSS bạn có thể thêm, bớt, làm nổi bậc khung chứa quảng cáo này. Theo kinh nghiệm của nhiều người, cách đặt code này linh động và hiệu quả hơn cả, thích hợp các kích thước 336 x 280, 300 x 250, 250 x 250 và 200 x 200. Trong trường hợp muốn quảng cáo chỉ xuất hiện khi xem bài đăng cụ thể, div trên phải đặt bên trong: <b:if cond='data:blog.pageType == "item"'> Đặt div mà bạn dùng vào đây </b:if> Đoạn mã Google AdSense để dùng: a. Lấy từ tài khoản AdSense: Đăng nhập tài khoản AdSense, tạo code quảng cáo mới và chuyển đổi các ký tự đặc biệt như < và > sang HTML. Bạn có thể tham khảo công cụ chuyển đổi ở hướng dẫn về cách đặt code của chodientu.vn. Việc chuyển đổi này không vi phạm quy định của Google AdSense. b. Lấy từ template Blogger: Bảo đảm rằng bạn đang dùng hướng dẫn phần II. Đăng nhập Blogger, chọn Bố cục (Layout) | đánh dấu Mở rộng tiện ích mẫu (Expand Widget Templates) để tìm đoạn code bên dưới và thêm vào các ký tự có màu nổi bật: <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> <!-- <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> --> </b:loop> <data:adEnd/> Việc thêm các ký tự này nhằm vô hiệu đoạn mã hiển thị quảng cáo nằm giữa các bài đăng. Và đây chính là đoạn code Google AdSense chúng ta cần: <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> Với cách lấy code thế này, bạn không phải chạm đến code AdSense gốc. Và chúng ta sẽ chèn vào template: <div class='post-body entry-content'> Đặt code vào đây, quảng cáo sẽ xuất hiện dưới tiêu đề bài đăng <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> Đặt code vào đây, quảng cáo sẽ xuất hiện dưới chân bài đăng <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> Hay nhiều vị trí khác nữa tùy thuộc vào template. Chúc vui vẻ!                                                                                                                                                                                                                       nguồn tham khảo ::thuthuatblog