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

Không biết chèn liên hệ: FB.COM/BEOHOAVINH nhé hỗ trợ tận răng :).

Quảng cáo sẽ được hiển thị bên trong bài viết, để làm được điều đó các bạn thực hiện như sau:

Cách 1:
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 !


Cách 2:

Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thay thế thẻ <data:post.body/> (đây là thẻ hiển thị nội dung bài viết) bằng đoạn code sau

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:5px ;">
Chèn code quảng cáo ở đây
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- ads --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

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

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh