Cách đặt quảng cáo vào trong bài viết trên Blogspot

Hiện nay ngoài việc đặt quảng cáo của Google Adsense hoặc các trang khác là một yếu tố kiếm một khoản doanh thu từ trang web của bạn. Tuy nhiên ngoài những vị trí header, footer, side chúng ta còn có thể thêm nó vào ngay chính bài viết của mình. Hôm nay mình sẽ hướng dẫn các bạn chèn quảng cáo vào trong bài viết trên Blogger.

Demo

Cách thêm quảng cáo vào trong bài viết

Cách làm rất đơn giản, các bạn làm theo một số bước đơn giản dưới đây.

1.Bước 1: Đăng nhập vào Blogger và chọn blog bạn muốn chỉnh sửa, chọn "Chủ đề" rồi chọn "Chỉnh sửa HTML", sau đó các bạn tìm mã <data:post.body/> và thay nó bằng mã dưới đây. Lưu ý: Bên trong mã của bạn sẽ có thể có nhiều thẻ <data:post.body/> hãy thử thay từng cái một cho đến khi xuất hiện quảng cáo nha.

<div expr:id='"zet1" + data:post.id'/>
<div class='googlezet'>
<!-- thay chú thích này bằng mã quảng cáo của bạn -->
</div>
<div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Hãy thay chú thích ở trên bằng mã quảng cáo của nhà cung cấp cho bạn.
2.Bước 2: Thêm đoạn CSS bên dưới vào trước thẻ ]]></b:skin>hoặc</style> để quảng cáo của bạn hiển thị gọn gàng.

.googlezet{margin:15px auto;text-align:center}

3.Bước 3: Lưu mẫu HTML và xem kết quả

Kết luận

Như vậy mình đã hướng dẫn các bạn thêm mã quảng cáo vào trong bài viết của mình rất đơn giản chỉ với 3 bước. Chúc các bạn thành công!