Lương Trung

Bước 1: Copy code
Các bạn hãy copy đoạn code sau đây và dán vào trên thẻ </body> trong template của bạn nhé!

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'>

</script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='display: none; float:center;'> <div id='qcbydoiguocmoc'> 

// Chèn mã quảng cáo vào đây 

</div> </div> <script> $(document).ready(function() { jQuery(&#39;#qcbydoiguocmoc&#39;).appendTo(jQuery(&#39;a[name=&quot;more&quot;]&#39;)); }); </script> </b:if>

Bước 2: Lấy mã quảng cáo
Tiếp theo, các bạn cần có mã quảng cáo của mình. Các bạn có thể lấy từ tài khoản Adsense,  hoặc Adf.ly hay các mạng quảng cáo khác mà bạn đang tham gia nhé!
Nếu là code Adsense tùy chỉnh thì các bạn nhớ Convert mã rước nữa nhé, tránh việc không lưu code lại được. Sau khi đã có mã, các bạn thay dòng // Chèn mã quảng cáo vào đây bằng mã quảng cáo của các bạn nhé! Sau đó lưu Template lại.

Bước 3: Sử dụng
Sau khi thực hiện xong bước 2, bây giờ các bạn chỉ việc chèn thêm dấu ngắt dòng trong bài viết thì sẽ thấy quảng cáo hiện ngay tại vị trí đó nhé!

Đầu tiên rất dễ đúng không? Hãy tham khảo cách khác bên dưới nữa nhé
Cách chèn quảng cáo vào bài viết #2
Đầu tiên, các bạn hãy đăng nhập vào tài khoản blogger của bạn. Sau đó các bạn di chuyển đến menu Mẫu và chọn Chỉnh sửa HTML.

Tiếp đến, các bạn hãy tìm đến thẻ <data:post.body/>, các bạn biết vì sao ta lại tìm đến thẻ này không? Bởi vì thẻ này chính là thẻ dùng để hiển thị nội dung các bài viết của bạn đấy. Nếu như không tìm thấy bằng cách thủ công thì các bạn có thể nhấn CTRL + F rồi dán thẻ đó vào và nhấn ENTER để được chuyển đến thẻ đó nhé!
Sau đó các bạn hãy thay thẻ trên bằng đoạn code dưới đây nhé! Các bạn lưu ý khi thấy thì phải thay đoạn mã quảng cáo của bạn vào dòng chữ Chèn quảng cáo vào đây nhá.<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>

OK, bây giờ các bạn hãy lưu lại mẫu là xong. Và sau này, khi viết bài các bạn chỉ cần chèn thêm thẻ <!-- ads --> vào nơi nào mà bạn muốn nó hiển thị trong nội dung bài viết là được thôi. À quên, khi chèn thì các bạn hãy chuyển sang thẻ HTML để chèn nhé!
Update: Hướng dẫn cách khác phục lỗi xuất hiện ký tự “>” bên dưới quảng cáo.
Để khác phục lỗi này cũng vô cũng đơn giản, cũng tại khung soạn thảo html thì các bạn thêm vào dùng trắng sau thẻ <!-- ads --> của chúng ta là được. Nên thêm 3 dòng trắng là tốt nhất.
Chèn quảng cáo dưới bài viết bất kì #3
Bước 1: Các bạn truy cập vào blogger và chuyển đến chỉnh sửa HTML nhé!
Bước 2: Các bạn hãy tìm đến đoạn code sau:<b:loop values='data:posts' var='post'>

Tiếp đến, các bạn hãy thêm thuộc tính index=’i’ vào trong thẻ đó. Còn tại sao lại là index thì các bạn có thể xem qua các câu điều kiện của Blogger để biết rõ hơn điều này nhé! Và sau khi thêm vào thì nó sẽ như thế này:<b:loop values='data:posts' var='post' index='i'>

Bước 3: Các bạn lại tìm đến đoạn code sau <b:include data='post' name='post'/> và chèn bên dưới nó đoạn code này.<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:i == 3'> //Mã quảng cáo của bạn </b:if> </b:if>

Bước 4: Lưu Template lại và xem kết quả
Lưu ý
Trong bài viết này, mình muốn lưu ý hai điểm nho nhỏ như sau:
Đầu tiên là trong thủ thuật này, chúng ta đã gán thêm 1 biến i để sách định được vị trí (số thứ tự) của bài viết trên trang chủ.
Thứ hai, các bạn hãy chú ý đoạn data:i == 3 nhé. Tuy là số 3 nhưng nó sẽ chèn quảng cáo xuống dưới bài viết thứ tư đấy vì vòng lặp của chúng ta bắt đầu từ 0 nhé!


Chèn quảng cáo dưới bài viết đầu tiên #4

Bước 1: Các bạn tìm đến thẻ<b:include data='post' name='post'/>

Bước 2: Các bạn hãy chèn đoạn code sau vào ngay dưới thẻ trên nhé!<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:post.isFirstPost'> //Mã quảng cáo của bạn </b:if> </b:if>

Bước 3: Lưu Template lại và ra trang chủ để xem kết quả nhé!
Chèn quảng cáo vào widget #5
Bước 1: Đăng nhập vào tài khoản Blogger vào chuyển tới menu quản lý Bố cục.
Bước 2: Tùy vào thiết kế vào mỗi Template mà bố cục sắp xếp sẽ khác nhau và vị trí quảng cáo xuất hiện cũng sẽ khác nhau. Tuy nhiên, hầu hết các Template đều có sidebar vì vậy bạn hãy tìm đến phần sidebar của blog và nhấn vào Thêm tiện ích như hình dưới.

Bước 3: Một hộp thoại sẽ được hiện lên, bây giờ các bạn hãy nhấn vào HTML/Javascript nhé!

Bước 4: Tiếp đến, bạn hãy nhập mã quảng cáo của mình vào khung Nội dung của hộp thoại mới và nhấp vào Lưu nhé!



Bước 5: Quay ra trang chủ và xem kết quả.
Trên đây là một số cách chèn Quảng Cáo mà mình sưu tầm được  hi vọng nó sẽ hữu ích cho các bạn. Nếu có gì thắc mắc vui lòng comment bên dưới