Với thủ thuật này bạn có thể dễ dàng đặt khoảng thời gian cho việc thay đổi nền này trong 24h. Ví dụ, bạn có thể đặt khoảng thời gian từ 17 đến 18h màu nền của bạn là màu xanh, 18h đến 20h nền của bạn là màu xám chẳng hạn, tương tự như vậy bạn có thể chia khoảng thời gian 24h ra thành nhiều khoảng tương ứng với từng màu nền mà bạn thích.
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào code bên dưới
5. Sau khi chỉnh sửa xong save lại
Xem Demo
» Các bước thực hiện1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<script type="text/javascript"> var now = new Date(); var hours = now.getHours(); var psj=0; document.write('<style type="text/css">') //từ 18 - 19h tối if (hours > 17 && hours < 20){ document.write('body{background:#000000; color:#FFFFFF;} a{color: #ff0033 !important}') } //từ 20 - 21h tối if (hours > 19 && hours < 22){ document.write('body{background:#cccccc; color:#FF00FF;} a{color: #bbbbbb !important}') } //từ 22 - 4h sáng if (hours > 21 || hours < 5){ document.write('body{background:#aba; color:#FFFFccc;} a{color: #ff0000 !important}') } //từ 5 - 9h sáng if (hours > 4 && hours < 10){ document.write('body{background:#000; color:#FFFFFF;} a{color: #444 !important}') } //từ 10 - 16h chiều if (hours > 9 && hours < 19){ document.write('body{background:#eee; color:#FF66FF;} a{color: #ddd !important}') } //từ 16 - 17h chiều if (hours > 15 && hours < 18){ document.write('body{background:#ddd; color:#FFFF99;} a{color: #ccffff !important}') } document.write('</style>') </script>
» Chỉnh code:
- Các con số màu xanh chính là khoảng thời gian bạn muốn đặt, lưu ý cách đặt khoảng thời gian này. Ví dụ bạn muốn đặt khoảng thời gian là từ 13h đến 15h, thì con số nhỏ phải nhỏ hơn 13h tức là 12h và con số lớn phải lớn hơn 15h tức 16h. Ở đây là chúng ta lấy khoảng nên 2 con số mốc ta bỏ ra, tính từ số kế tiếp.
- Code màu đỏ là màu nền bạn muốn đặt cho khoảng thời gian định trước
- Code màu tím là màu của text trên blog của bạn
- Code màu xanh nhạt chính là màu của các linktext trên blog, bạn thay các mã mãu trên thành các màu bạn thích.
- Các con số màu xanh chính là khoảng thời gian bạn muốn đặt, lưu ý cách đặt khoảng thời gian này. Ví dụ bạn muốn đặt khoảng thời gian là từ 13h đến 15h, thì con số nhỏ phải nhỏ hơn 13h tức là 12h và con số lớn phải lớn hơn 15h tức 16h. Ở đây là chúng ta lấy khoảng nên 2 con số mốc ta bỏ ra, tính từ số kế tiếp.
- Code màu đỏ là màu nền bạn muốn đặt cho khoảng thời gian định trước
- Code màu tím là màu của text trên blog của bạn
- Code màu xanh nhạt chính là màu của các linktext trên blog, bạn thay các mã mãu trên thành các màu bạn thích.
5. Sau khi chỉnh sửa xong save lại
Nhận xét
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaBlog này lượng page view còn thua còn thua blog yahoo plus cùi bắp của mình nữa
Trả lờiXóawww.nguyenhien.tk
@Nguyễn Hiền Giấu đầu hở đuôi nha b-(
Trả lờiXóaBlog đó là blogspot 100% chứ đâu phải Yahoo.
Blog đó của bạn do elegantwpthemes & freebloggertemplate đây là một mẫu Free Blogger Template của họ đó @-)
- tiện đây góp ý bạn nếu dùng mục bài viết liên quan của LinkWithin bạn nên tham khảo ở đây để khắc phục lỗi khi xem ở các laber nha: bài viết liên quan với LinkWithin[-(
- Mà mình không thấy mục thống kê lượng View của bạn đâu thế [-(
- bạn khôn nên Spam link thế [-( mình viết Thủ thuật Blogspot và Thủ thuật Blog Yahoodo vậy nhìn qua mình có thể phân biệt được Blogspot và Yahoo :))
@Fairstar Lại thêm một nhân vật Spam link trong tuyệt vọng để câu View của namkna :))
Trả lờiXóa- Bài này chất lượng đó cảm ơn Amin đã Share :)
namkna ơi pm yahoo giúp mình tý nha ! tks trước !
Trả lờiXóay/h : thatkiemkgvotinh@yahoo.com pm lẹ nha
Trả lờiXóa/Kyuubi/
Trả lờiXóa- Anh ơi cho e hỏi xíu ^^. Em áp dụng code này, và chỉnh sửa để bg thay đổi 1 lần/h. Ví dụ như đoạn này:
if (hours > 15 || hours < 17){
document.write('body{background:url(http://imageshack.us/a/img819/6991/zw31.jpg) repeat center fixed;}')
}
if (hours > 16 || hours < 18){
document.write('body{background:url(http://imageshack.us/a/img62/399/i0qs.jpg) repeat center fixed;}')
}
- Nhưng dù em có thay đổi thời gian ntn, blog cũng sẽ lấy link ảnh cuối cùng trong code làm bg:
if (hours > 22 || hours < 24){
document.write('body{background:url(http://imageshack.us/a/img62/399/i0qs.jpg) repeat center fixed;}')
}
- A coi giùm e vs ạ. Ko biết code bị lỗi hay e sửa sai nữa ^^
Em hãy tắt trình duyệt và bật lại khi thay đổi thời gian nha. Vì nếu để nguyên thì cookice vẫn nhớ body cũ/
Xóacó code nào thay đổi hình nền theo từng không bạn như trang này nek
Trả lờiXóahttp://thevista.com.vn/vi/
bạn thay những đoạn có dạng background:#000000; mình tô màu đỏ thành:
Xóabackground: {background: url(LINK ẢNH) no-repeat left center;