Thủ thuật tự động thay đổi màu nền cho Blogspot

Thủ Thuật Công Nghệ - Bạn muốn trang web của mình mới lạ với mỗi lượt truy cập, nhằm làm cho người xem đỡ nhàm chán với giao diện hiện tại? Mình đề xuất các bạn nên thay đổi màu nền cho Blogspot của bạn, và mình sẽ hướng dẫn một thủ thuật blogspot giúp các bạn tự động thay đổi màu nền mỗi khi truy cập vào trang blog.

1/ 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 trang blogspot 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.

>>> Xem thêm:

Thủ thuật giúp sử dụng nhiều hình ảnh trong màn hình Lock Screen Win 10

Hướng dẫn khắc phục không vào được 3G trên WindowsPhone

Tháng 11 tới HTC One A9 có thể sẽ được trình làng

2/ Thủ thuật 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ỉ: 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'/>

<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>

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 src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>

- Lưu template lại

>>> Từ khóa liên quan:

thay đổi giao diện facebookthay đổi hình nền facebookcách thay đổi hình nền facebookthay đổi nền ảnhthay đổi nền powerpointthay đổi nền powerpoint 2003thay đổi nền googlethay đổi giao diện facebook trên google chrome

Nguồn tranbadat.info 

Share on Google Plus