Chèn quảng cáo vào giữa bài viết Blogspot

Hôm nay mình sẽ hướng dẫn các bạn cách chèn quảng cáo vào giữa bài viết cho blogspot hoàn toàn tự động.

Mặc dù điều này có thể gây ra trải nghiệm xấu cho người đọc, nhưng nếu mục tiêu của bạn là dành phần lớn thời gian để kiếm tiền từ Blog/Website và tăng thu nhập thì thủ thuật này có vẻ sẽ mang lại tác dụng rất lớn.

XEM DEMO

Hướng dẫn:
Mình khuyên nên backup lại template của bạn nếu có lỗi xảy ra thì có thể cập nhật lại như cũ.
Bước 1: Đăng nhập blogger -> Mẫu -> Nhấn Ctrl F và tìm đến thẻ <data:post.body/> kết quả sẽ cho nhiều hơn một, vậy bạn hãy thử từng cái một nhé.
Thay <data:post.body/> thành đoạn code dưới đây:

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- Mã Quảng Cáo -->
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Thay <!-- Mã Quảng Cáo --> thành đoạn mã quảng cáo của bạn.
Lưu ý: một số đoạn mã trước khi đưa vào cần Converter
Bước 2: Tiếp theo bạn tìm đến  ]]></b:skin> và thêm vào trước đó đoạn CSS sau để làm đẹp tiện ích này, bạn có thể tuỳ biến thêm.

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

Cuối cùng lưu mẫu lại và xem kết quả, hi vọng với thủ thuật nhỏ này sẽ giúp ích được bạn, chúc bạn thành công!