Cách làm chế độ tiết kiệm năng lượng cho website và blog

20/06/2012

Trong 1 lần tình cơ lướt web, mình thấy có 1 trang có hiệu ứng rất hay, đó là hiệu ứng tiết kiệm năng lượng, chế độ này sẽ tự động hiển thì toàn màn hình là màu đen với dòng chữ ” Energy saving ” tương tự như chế độ screen saver trên màn hình destop, chế độ này sẽ tự động thực hiện khi bạn không xem trang web trong 1 khoảng thời gian nhất định, hôm nay vô tình thấy trên mạng bày cách làm, mình xin chia sẻ với các bạn cách làm từng bước như sau :

che do tiet kiem nang luong

Bước 1 : Đăng nhập vào blogger, vào phần Thiết kế (Design ) -> Chỉnh sửa HTML ( Edit Html) chọn Mở rộng tiện ích (Expand Widgets)

Bước 2 : Tìm đoạn code sau trong template :

</head>

Bước 3 :  Copy và Dán đoạn code sau ngay trên </head>

<script language=’javascript’ src=’http://www.onlineleaf.com/savetheenvironment.js’ type=’text/javascript’/>

Hiệu ứng này sử dụng jQuery Javascript library vì thế nếu bạn đang sử dụng thư viện javacript khác thì các bạn chèn đoạn code này thay cho đoạn code ở phía trên

<script language=’javascript’ src=’http://www.onlineleaf.com/savetheenvironment.js’ type=’text/javascript’/>
<script>jQuery.noConflict();</script>

Nếu các bạn muốn chỉ  định thời gian để hiệu ứng xuất hiện thì các bạn chỉ cần chèn đằng sau đường dẫn file js đoạn code sau: ?time=X , với X là số giây mà bạn muốn , ví dụ mình muốn sau 2 phút mà người lướt web không xem nội dung nữa thì hiệu ứng sẽ xuất hiện và đoạn code sẽ như sau :

<script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js?time=120“></script>

Tượng tự  các bạn cũng có thể chỉ định ngôn ngữ hiện thì với việc chèn ?lang=code vào sau như trên , với code là ngôn ngữ mà bạn muốn chỉ định .

Vậy là xong rồi đó các bạn, chúc các bạn thành công nhá !

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !