Chèn quảng cáo ngay sau thẻ more blogger
Đây làm một thủ thuật tuyệt vời giúp bạn tăng tỷ lệ click quảng cáo và mang đến một thu
nhập cao hơn với tất cả các mạng quảng cáo mà bạn đang kiếm tiền từ nó. Trong
khi WordPress có thể dễ dàng thực hiện thủ thuật này với Quick Adsense plugin và
không phải lo lắng gì vì họ có thể dễ dàng thêm quảng cáo vào bất kỳ phần nào của blog
mà họ muốn. Nhưng trên Blogger mọi thứ trở nên khó khăn hơn vì nó không hỗ trợ
plugin mà người dùng phải thực hiện bằng tay. Thủ thuật này được MyBloggerTricks
phát triển khá hay và cung cấp cho các bạn đọc một cách dễ hiểu để thực hiện nó. Sau khi
áp dụng nó bạn có thể cho quảng cáo của mình hiển thị ngay đoạn Jump Break được phân
biệt bởi thẻ <!–more–> mà bạn đã áp dụng để ngăn cách bài viết.
Hiện tại tinhoc24h là blog sử dụng mã nguồn WordPress do đó không thể demo trực tiếp
trên site được. Các bạn có thể ghé thăm bài viết gốc từ Mybloggertricks để xem
nhé: [DEMO]
Chèn quảng cáo sau <!–more–> tag
Phần giới thiệu ở trên mình nói ngắn gọn tuy nhiên nó hơi lủng củng có phần không hiểu
cho lắm. Các bạn thực hiện theo hướng dẫn này để trải nghiệm trên chính blog của mình
nhé.
1. Đăng nhập vào Blogger -> Templates
2. Backup giao diện của bạn
3. Tick vào ô “Expand Widget Templates”
4. Tìm đến thẻ </head>
5. Thêm vào trước thẻ </head> đoạn mã jQuery sau nếu như trong code bạn chưa có sẵn
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'
type='text/javascript'/>
6. Tiếp theo chèn đoạn mã dưới đây trước thẻ </head> như bước số 5
<script type='text/javascript'>
$(document).ready(function(){$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#3
9;#MBT-google-ad&#39;).html());
$(&#39;#MBT-google-ad&#39;).html(&#39;&#39;);
});
</script>
Tùy chỉnh: Nếu bạn muốn hiển thị đoạn code quảng cáo tại 2 chỗ khác nhau ví dụ như
sau thẻ more và cuối bài viết thì xóa đoạn code màu đỏ đi nhé.
7. Bây giờ tìm đến đoạn code sau đây
<data:post.body/>
8. Chèn vào ngay sau nó đoạn mã:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='MBT-google-ad'>
<br/>
<center>
ADS HERE</center>
<br/>
</div>
</b:if>
Thay thế ADS HERE bằng code quảng cáo của bạn. Lưu ý: mã quảng cáo bạn cần phải
encode nó trước khi add vào nhé. Bạn có thể copy mã quảng cáo sau đó vào đây dán vào
và nhấp convert để nhận mã đã Encode.
9. Lưu lại template của bạn và xem các bài viết của bạn có chứa thẻ <!–more–> để check
hàng nhé.