Kết bạn cùng KhanhNguyen's blog

Thứ Bảy, 6 tháng 2, 2016

Chèn quảng cáo Google Adsense tự động vào giữa bài viết

Nguyễn Đạt KhánhThứ Bảy, tháng 2 06, 2016Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Chèn quảng cáo Google Adsense tự động vào giữa bài viết

Tiêu đề trên đúng hơn phải là “Đặt quảng cáo Adsense tự động sau thẻ Readmore (dấu ngắt trang) của Blogspot” và đương nhiên mình đang sử dụng cách này để chèn quảng cáo vào giữa bài viết cho Blog của mình. Đây là cách đặt quảng cáo vào giữa bài viết cho Blogspot tối ưu nhất – nhanh nhất – gọn lẹ nhất hiện nay.

Đối với Blog Wordpress thì việc chèn quảng cáo Google Adsense ở bất kỳ phần nào trong blog của họ, mọi thứ hoàn toàn tự động và cực kỳ đơn giản chỉ cần vài cái Click chuột vậy là xong (Với dự hổ trợ của các Plugins).

Quảng cáo giữa bài viết: Mặc dù điều này có thể gây ra trải nghiệm xấu cho người đọc, nhưng nếu mục tiêu của bạn là dành phần lớn thời gian để kiếm tiền từ Blog/Website và tăng thu nhập Adsense thì thủ thuật này có vẻ sẽ mang lại tác dụng rất lớn. Bạn có thể dễ dàng cấu hình quảng cáo Adsense cho phù hợp với nền, màu sắc của Blog/Website và thêm các quảng cáo kích thước 300 x 250 hoặc 468 x 60 hoặc text links vào giữa bài viết.

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

Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ<head>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <head>.

<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;#windows2it&#39;).html());
$(&#39;#windows2it&#39;).html(&#39;&#39;);

});
</script>

Bước 2: Tiếp tục nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <data:post.body/>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='windows2it'>
<center>
Dán code quảng cáo ADSENSE vào đây 
</center>
</div>
</div>  
</b:if>

Chú ý: <data:post.body/> thường có 2 hoặc 3 đoạn như thế này nhưng chỉ có một đoạn hoạt được nên các bạn kiên nhẫn thử từng đoạn nhé !

☼ Tùy chỉnh

· Nếu Blog bạn đã có thư viện JQuery thì bỏ đoạn Code màu xanh đi để tránh hiện tượng xung đột Code.

· Nếu bạn muốn hiển thị quảng cáo ở cả hai nơi tức là dưới thẻ  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 2 đi.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ

Nguồn Windows2it.com

Share:

Nguyễn Đạt Khánh | Thứ Bảy, tháng 2 06, 2016 | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Blog của tôi, Nguyễn Đạt Khánh là tên của tôi :
Nghề nghiệp: IT Computer Networking - Kỹ thuật viên Mạng máy tính Viễn thông
Bạn đang xem Blog của tôi. Đừng quên nhấn Like và Share để ủng hộ. Một điều tốt nhất mà tôi mong đợi, là những dòng Comments thiện chí với nhau. Xin chân thành cảm ơn tất cả các bạn.

Nơi truy cập vào Nick của Tôi trên mạng:

Tạo hiệu ứng hoa mai rơi (tuyết rơi, lá rơi,...) cho Blogspot

Nguyễn Đạt KhánhThứ Bảy, tháng 2 06, 2016Code, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

“Ngày hết tết tới” mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình (thiết nghĩ riêng Tôi thì không “Nỗi buồn cứ u uất bao vây”), cảm nhận được vẻ đẹp của mùa xuân với cây cối đâm chồi nảy lộc, còn gì thú vị hơn khi bạn đem về trên Blog/Website của chính mình.

Share:

Nguyễn Đạt Khánh | Thứ Bảy, tháng 2 06, 2016 | Code | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Hướng dẫn tạo popup nhỏ góc màn hình

Nguyễn Đạt KhánhThứ Bảy, tháng 2 06, 2016Popup, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Ưu điểm :
– Chỉ Xuất hiện 01 lần khi Website mở.
– Cửa sổ trang rất nhỏ gọn ở góc màn hình

Code:

1

2

3

<script>function addEvent(obj,eventName,func){if(obj.attachEvent){obj.attachEvent("on"+eventName,func);}else if(obj.addEventListener){obj.addEventListener(eventName,func,true);}else{obj["on"+eventName]=func;}}

addEvent(window,"load",function(e){addEvent(document.body,"click",function(e){var pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;}

if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=50';params+=', height=50';params+=', top=1650, left=1460, resizable=no, scrollbars=yes, location=yes';var w=window.open("http://www.thuthuatblogspot.com",'window1',params).blur();window.focus();}}});});</script>​

Thay thuthuatblogspot.com bằng Website của bạn.

Share:

Nguyễn Đạt Khánh | Thứ Bảy, tháng 2 06, 2016 | Popup | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Hướng dẫn tạo thanh Floating Social Sharing Bar cố định cực đẹp

Nguyễn Đạt KhánhThứ Bảy, tháng 2 06, 2016Social, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Hướng dẫn tạo thanh Floating Social Sharing Bar Widget cho các bạn

Thanh widget này sẽ xuất hiện khi bạn kéo xuống ,cố định ngay trên đầu bài viết.Tuy nhiên nó chỉ hỗ trợ cho các social sau : Twitter, Facebook, Google plus, Pinterest, StumbleUpon, Digg buttons.

Share:

Nguyễn Đạt Khánh | Thứ Bảy, tháng 2 06, 2016 | Social | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Thêm Top Commentators Widget cho Blogspot

Nguyễn Đạt KhánhThứ Bảy, tháng 2 06, 2016Comments, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Thêm Top Commentators Widget cho Blogspot – Đang loay hoay sửa lại cái widget Top người comment nhiều nhất cho blog của mình thì gặp được bài này. Vậy là chôm về blog của mình luôn, :)))

Với widget này, blog của bạn sẽ trở nên hấp dẫn hơn, làm cho mọi người thích comment ở blog của bạn nhiều hơn để có được backlink. Điều tuyệt vời là widget này chỉ hiển thị danh sách người có URL cụ thể, chứ không hiển thị những người bình luận với tư cách nặc danh và Admin blog cũng không hiển thị.

Share:

Nguyễn Đạt Khánh | Thứ Bảy, tháng 2 06, 2016 | Comments | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Thứ Sáu, 5 tháng 2, 2016

Tạo plugin Twitter cập nhật tweet mới nhất bằng jQuery

Nguyễn Đạt KhánhThứ Sáu, tháng 2 05, 2016Comments, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Bạn muốn theo dõi những bình luận mới nhất từ trang Twitter? Plugin Twitter sẽ giúp tải những bình luận mới nhất của người dùng Twitter trên toàn cầu với chức năng lọc ngôn ngữ thô tục để tránh những nội dung xấu trên trang web của bạn.Plugin này còn có chức năng hỗ trợ tìm kiếm nhiều người dùng, hiển thị hình Avatar và đặc biệt là không làm chậm trang web khi các tweet đang hạ tải.

Xem Demo.
Sau đây là các bước cài đặt:

1. Đặt các file jQuery và javasctipt bên dưới vào trước thẻ </head>.

/*JUITTER PLUGIN CSS*/

#juitter{width:550px;float:left;}

#juitterSearch{clear:both;padding:7px 0 5px 0;}

#juitterSearch P{font-size:1.2em;color:#2CAF1D}

#juitterSearch INPUT{padding:4px;border:solid 1px #666;width:250px;color:#666}

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;}

#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}

#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

</style>

Các các file trên thì file jquery-1.3.1.min.js là phần lõi jQuery để làm cho plugin hoạt động, file jquery.juitter.js là file lõi và cấu hình plugin, file system.js là file mẫu về cách làm cho plugin hoạt động trên trang web của bạn.

Tiếp đến cần tạo phần chứa nội dung plugin, đặt thành phần div với định dạng id như sau:

<p>Search Twitter: <input type="text" class="juitterSearch" value="Type a word and press enter" />

</p>

</form>

</div>

Đặt phần code ở trên vào phần thân của trang web (giữa 2 thẻ <body>, </body>).

Share:

Nguyễn Đạt Khánh | Thứ Sáu, tháng 2 05, 2016 | Comments | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Kết bạn cùng KhanhNguyen's blog

Thứ Bảy, 6 tháng 2, 2016

Chèn quảng cáo Google Adsense tự động vào giữa bài viết

Được viết bởi Khánh Nguyễn

Tạo hiệu ứng hoa mai rơi (tuyết rơi, lá rơi,...) cho Blogspot

Được viết bởi Khánh Nguyễn

Hướng dẫn tạo popup nhỏ góc màn hình

Được viết bởi Khánh Nguyễn

Hướng dẫn tạo thanh Floating Social Sharing Bar cố định cực đẹp

Được viết bởi Khánh Nguyễn

Thêm Top Commentators Widget cho Blogspot

Được viết bởi Khánh Nguyễn

Thứ Sáu, 5 tháng 2, 2016

Tạo plugin Twitter cập nhật tweet mới nhất bằng jQuery

Được viết bởi Khánh Nguyễn

Thống kê Blogspot

Nhãn

Lưu trữ Blog

Bài có thể xem

Mời tham gia CLB