Hướng dẫn cách chèn quảng cáo vào giữa bài viết cho Blogspot

Việc trước đây mọi người hay áp dụng cách chèn quảng cáo vào giữa nội dung bài viết, tuy nhiên đó chỉ là cách chèn thủ công. Ở bài viết lần này, mình sẽ giới thiệu một cách khác cho các bạn và cách này tất nhiên sẽ tiện lợi, đỡ tốn thời gian hơn cách cũ.

DEMO

Bước 1: Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Tìm đến thẻ hiển thị nội dung bài viết <data:post.body/> và thay thẻ này bằng đoạn code sau

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- Chèn code quảng cáo của bạn ở đây -->
</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>

Bước 2: Thêm đoạn css này vào trước thẻ đóng ]]></b:skin>

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

Cuối cùng Lưu Mẫu lại là xong !

Nguồn: Cara Memasang Iklan Adsense di Tengah Postingan