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

Đặt quảng cáo Adsense tự động sau thẻ Readmore của blog

7/20/2013 11:19:00 PM
Đây là một hướng dẫn tuyệt vời mà sẽ tăng nhấp chuột hiện tại của bạn nhằm tăng thu nhập từ Adsense. Với một kho lưu trữ lớn các plugin cho blog Wordpress, người dùng WP không bao giờ phải lo lắng khi thêm Adsense ở bất kỳ phần nào trong blog của họ, mọi thứ hoàn toàn tự động. 






Vì vậy tôi phát triển thêm các plugin như vậy để cung cấp cho bạn. Cảm ơn nhà phát triển Ahmed Nasir đã phát triển plusin tự động chèn quyền quảng cáo AdSense của bạn sau các đoạn mở đầu (Bài tóm tắt) hoặc nút đọc thêm (Jump Break). Việc đọc liên kết được phân biệt bởi các tag HTML "<!--more-->" vì vậy tôi sẽ sử dụng một mã Jquery đơn giản để trình duyệt hiển thị thêm một vùng quảng cáo phụ với một div ID duy nhất, ngay trước thẻ more. Với các trình duyệt JavaScript bị vô hiệu hóa box Quảng cáo đó sẽ hiển thị ở cuối bài.

Cài đặt Script trên Blogger

1- Đăng nhập vào Blogger
2- Chọn mẫu (Templates)
3- Sao lưu mẫu của bạn để tránh gây ra sai xót trong quá trình chỉnh sửa template)
4- Chọn Chỉnh sửa HTML (Edit HTML) => Đánh dấu vào ô mở rộng tiện ích mẫu (Expand Widget Templates)
5- Tìm kiếm thẻ <head>
6- Chèn ngay bên dưới nó đoạn mã sau:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#Namkna-google-ad&#39;).html());
$(&#39;#Namkna-google-ad&#39;).html(&#39;&#39;);

});
</script>
Tùy chọn:
  • Nếu blog của bạn đã có JQuery thì hãy bỏ đoạn mã màu xanh ở trên đi.
  • Nếu bạn muốn hiển thị quảng cáo ở cả hai nơi tức là dưới thẻ <!--more--> và cũng có thể ở cuối bài thì xóa các mã được đánh dấu màu vàng. Đồng thời xóa các đoạn  mã được đánh dấu màu vàng ở các bước tiếp theo sau đây
7. Bây giờ tìm kiếm các mã sau đây

<data:post.body/>

8- Dán mã bên dưới vào sau code vừa tìm được

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='Namkna-google-ad'>
<br/>
<center>
Dán code quảng cáo ADSENSE  vào đây 
</center>
<br/>
</div>
</div>  
</b:if>
Thay thế văn bản in đậm màu đỏ (Dán code quảng cáo ADSENSE  vào đây) ở trên thành mã Adsense của bạn. Hãy nhớ rằng mã mà bạn sao chép từ tài khoản Google Adsense của bạn trước hết phải được mã hóa inorder để làm việc được với các mẫu blogger. Chỉ cần copy đoạn code và sau đó mã hóa nó bằng cách sử dụng công cụ của namkna sau đây.

  • Mã hóa mã AdSense của bạn bằng cách sử dụng: HTML Encoder

- Sao chép mã mã hóa từ bộ mã hóa Namkna HTML và sau đó dán nó vào văn bản in đậm màu đỏ ở trên
9. Lưu mẫu của bạn và đó là tất cả những gì các bạn đang làm!

- Ghé thăm blog của bạn và sau đó truy cập bất kỳ trang bài viết, bạn sẽ thấy một quảng cáo treo hoàn toàn ngay sau đoạn Tóm tắt thông tin đầu tiên (sau phàn bạn đặt dấy ngăt)

Theo: Namkna

1 comments:

  1. Bài viết rất hay và thực tế, tôi đã thực hiện thành công cho blog của mình. JBank

    ReplyDelete

 
Toggle Footer