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

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

1/28/2019
Trước đây mình cũng đã từng giới thiệu một 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ũ.

Thêm quảng cáo vào giữa bài viết blogspot

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 !
Chia sẻ bài viết
Bài liên quan

1 comment: