1/ Chèn quảng cáo vào đầu mỗi bài viết, ngay dưới tiêu đề bài viết blogspot
Bước 1: Vào Mẫu (Design) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Bấm Ctrl + F và tìm đoạn code tương tự dưới đây:
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/>
</div>
Lưu ý:
- Tìm kiếm với đoạn code <data:post.body/> sẽ cho kết quả chính xác nhất.
- Đôi khi trong template blogspot của bạn có nhiều hơn 1 đoạn code này nên bạn chèn quảng cáo ở bước 3 lần lượt vào những đoạn code bạn tìm được, tới khi nào quảng cáo xuất hiện trong bài viết thì ngừng nhé.
- Kích thước quảng cáo tùy thuộc vào template của bạn rộng hay hẹp, Vinll khuyên dùng quảng cáo có kích thước là 300x250 phù hợp với hầu hết các template và trông gọn gàng đẹp mắt hơn.
Bước 3: Chèn đoạn code dưới đây vào ngay phía trên đoạn code bạn tìm được:
<b:if cond='data:blog.pageType == "item"'>
Chèn code quảng cáo vào đây
</b:if>
Nếu quảng cáo của bạn có kích thước là 300x250 thì bạn có thể căn giữa cho quảng cáo của mình để trông đẹp mắt hơn bằng cách thay thế đoạn code trên bằng đoạn code phía dưới đây:
<b:if cond='data:blog.pageType == "item"'>
<div align='center'>
Chèn code quảng cáo vào đây
</div>
</b:if>2/ Chèn quảng cáo ở bên góc trái ngay đầu mỗi bài viết
Bước 1 và 2 tương tự như chèn quảng cáo ở đầu mỗi bài viết.
Bước 3: Chèn đoạn code dưới đây vào ngay phía trên đoạn code bạn tìm được:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:left'>
Chèn code quảng cáo vào đây
</p>
</b:if>3/ Chèn quảng cáo ở bên góc phải ngay đầu mỗi bài viết
Bước 1 và 2 tương tự như chèn quảng cáo ở đầu mỗi bài viết.
Bước 3: Chèn đoạn code dưới đây vào ngay phía trên đoạn code bạn tìm được:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:right'>
Chèn code quảng cáo vào đây
</p>
</b:if>4/ Chèn quảng cáo vào dưới cuối mỗi bài viết
Bước 1 và 2 tương tự như chèn quảng cáo ở đầu mỗi bài viết.
Bước 3: Chèn đoạn code dưới đây vào ngay phía dưới đoạn code bạn tìm được:
<b:if cond='data:blog.pageType == "item"'>
Chèn code quảng cáo vào đây
</b:if>
Nếu bạn muốn căn giữa cho quảng cáo của mình thì làm tương tự như chèn vào đầu bài viết.
5/ Chèn quảng cáo vào vị trí bất kỳ trong bài viết
Bước 1: Vào Mẫu (Design) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Bấm Ctrl + F và tìm đoạn code <data:post.body/>
Bước 3: Thay thế đoạn code vừa tìm được bằng code bên dưới
<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:5px ;">
Chèn code quảng cáo và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>
Bước 4: Lưu mẫu (Save template)
Bước 5: Trước khi đăng bài, bạn hãy chuyển sang chế độ soạn thảo HTML và chèn thêm <!-- ads --> vào vị trí bạn muốn quảng cáo hiển thị trong bài viết.
Chúc bạn thành công với thủ thuật chèn quảng cáo vào trong bài viết mà Vinll đã chia sẻ ở trên nhé!
Tags:
thu-thuat-blogspot
