Breaking News
Loading...
Saturday, July 20, 2013

Chèn quảng cáo vào bên trong bài viết

7/20/2013 11:30:00 PM
Hiện bạn đang có một trang blog được thiết kế trên nền tảng của Blogger và muốn kiếm tiền từ các quảng cáo bạn đặt trên blog của mình. 



Trên blog có rất nhiều vị trí để bạn có thể đặt code quảng cáo, tuy nhiên để đặt quảng cáo vào giữa các bài viết trên blog thì không phải ai cũng biết. 

Bài viết này mình xin chia sẻ lại thủ thuật mà Fandung đã có giới thiệu để giúp bạn có thể đặt code quảng cáo vào giữa nội dung hay vị trí bất kì bạn muốn trong bài viết trên blogspot.

Ở vị trí đầu hay cuối bài viết thì chèn đơn giản và các bạn có thể đã biết, bài viết này mình chỉ tập trung chèn quảng cáo vào một vị trí bất kì mà bạn muốn trong bài viết của bạn.

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger

2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến code bên dưới

<data:post.body/>

6. Thay code vừa tìm được thành code bên dưới

<div expr:id='"aim1" + data:post.id'>
</div>
<div style="clear:both; margin:5px ;">
Code quảng cáo của bạn ở đâ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> 

7. Save template lại

Để quảng cáo hiển thị tại vị trí bạn muốn trong bài viết của bạn, khi đăng bài bạn hãy chèn thêm code bên dưới vào vị trí bạn muốn quảng cáo hiển thị. Khi bạn chèn code bên dưới thì nó sẽ được thay thế bởi quảng cáo của bạn tại vị trí bạn chèn nó, bạn phải chèn đúng code thì quảng cáo bạn mới có thể hiển thị được. Và đây là code chèn vào bài viết của bạn


<!-- ads -->


Nếu muốn chèn QC vào sau bài viết thì chỉ cần dán code sau thẻ 

<data:post.body/>  là được


Chúc bạn thành công!

 Theo : Namkna

1 comments:

  1. Bài viết rất hay và thực tế. Tôi đã áp dụng thành công cho blog của mình JBank

    ReplyDelete

 
Toggle Footer