XEM THÊM
Việc thay đổi màu nền cho blogspot khiến nhiều bạn khó khăn và bị rối, bên cạnh đó bạn muốn tránh sự nhàm chán cho người xem.Hôm nay mình hướng dẫn các bạn một số thur thuật để thay đổi màu nên một cách tự động hiệu quả cho blogspot cá nhân
Trước khi vào hướng dẫn mình sẽ giải thích một tí về cơ chế hoạt động của phương pháp ở bài này: Đó là sử dụng JQuery để tự động hóa việc thay đổi màu nền mỗi khi trang web được làm mới. Bất cứ khi nào trangblogspot của bạn được refresh thì màu nền sẽ ngay lập tức thay đổi.
Có nghĩa là mỗi khi người xem refresh trang blog của bạn, thì đồng nghĩa họ sẽ nhận được một màu nền mới, có lẽ nó sẽ giúp tạo ấn tượng hơn với người xem.
- Truy cập vào trang quản trị Blogger của bạn ở địa chỉ: https://www.blogger.com
- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):
- Giờ click vào vùng code, sau đó bấm Ctrl + F để mở hộp tìm kiếm, và tìm đến thẻ </head>, thêm đoạn code này vào ngay bên trên nó:
Sau khi lưu template lại thì bạn hãy thử ra kiểm tra blog mình xem thế nào, bạn sẽ thấy mỗi lần bạn F5 thì blog của bạn sẽ tự động thay đổi màu nền.
Tuy nhiên nhược điểm của phương pháp này là màu của nền có thể bị điều chỉnh theo hướng mà chúng ta không thể đoán trước được nếu không cẩn thận dễ dẫn tới quá lòe loẹt, vì vậy mình đưa ra một phương pháp khác bằng cách THỦ CÔNG HƠN
Bằng cách thay đổi trực tiếp mã màu của phần cần thay đổi bạn có thể xem
BẠN CÓ THỂ THAM KHẢO PHƯƠNG PHÁP NÀY:
TẠI ĐÂY
Cách thức hoạt động của quá trình thay đổi màu nền
Trước khi vào hướng dẫn mình sẽ giải thích một tí về cơ chế hoạt động của phương pháp ở bài này: Đó là sử dụng JQuery để tự động hóa việc thay đổi màu nền mỗi khi trang web được làm mới. Bất cứ khi nào trangblogspot của bạn được refresh thì màu nền sẽ ngay lập tức thay đổi.
Có nghĩa là mỗi khi người xem refresh trang blog của bạn, thì đồng nghĩa họ sẽ nhận được một màu nền mới, có lẽ nó sẽ giúp tạo ấn tượng hơn với người xem.
Hướng dẫn tự động thay đổi màu nền cho Blogspot
Dưới đây là các bước để thay đổi màu nền, các bạn chỉ cần làm theo hướng dẫn là được.- Truy cập vào trang quản trị Blogger của bạn ở địa chỉ: https://www.blogger.com
- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):
- Giờ click vào vùng code, sau đó bấm Ctrl + F để mở hộp tìm kiếm, và tìm đến thẻ </head>, thêm đoạn code này vào ngay bên trên nó:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>Lưu ý, nếu template bạn đã có sẵn jquery.min.js thì bạn có thể bỏ đoạn code này đi:
<script type='text/javascript'>//<![CDATA[
function get_random_color(){var e="0123456789ABCDEF".split("");var t="#";for(var n=0;n<6;n++){t+=e[Math.round(Math.random()*14)]}return t}$(function(){$(".post").each(function(){$(this).css("background-color",get_random_color())})})//]]></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>- Lưu template lại
Sau khi lưu template lại thì bạn hãy thử ra kiểm tra blog mình xem thế nào, bạn sẽ thấy mỗi lần bạn F5 thì blog của bạn sẽ tự động thay đổi màu nền.
Tuy nhiên nhược điểm của phương pháp này là màu của nền có thể bị điều chỉnh theo hướng mà chúng ta không thể đoán trước được nếu không cẩn thận dễ dẫn tới quá lòe loẹt, vì vậy mình đưa ra một phương pháp khác bằng cách THỦ CÔNG HƠN
Bằng cách thay đổi trực tiếp mã màu của phần cần thay đổi bạn có thể xem
BẠN CÓ THỂ THAM KHẢO PHƯƠNG PHÁP NÀY:
TẠI ĐÂY