"Thay đổi màu nền cho Blogspot khi rê chuột (Onmouseover)"

(Traidatmui.com) – Tiếp theo các thủ thuật về màu nền cho Blogspot, hôm nay mình chia sẻ cùng các bạn thủ thuật thay đổi màu nền khi rê chuột vào một màu nhất định. Với thủ thuật này bạn có thể ứng dụng cho tất cả các màu nền khác, tuy nhiên ở đây mình chỉ hướng dẫn bạn cách để thay đổi màu nền của phần BODY trong Blogspot, các phần khác bạn có thể thực hiện tương tự.

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

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào ngay sau thẻ <head>
<script type="text/javascript">
function changeColor(color)
{
document.getElementById("changecolor").style.background=color;
}
</script>

5. Bây giờ bạn tìm đến thẻ <body>
6. Bạn thay nó thành code bên dưới
<body id="changecolor">

7. Save template lại và trở về phần tử trang
8. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<table><tr>
<td width="12px" height="12px" bgcolor="red" onmouseover="changeColor('red')"> </td>
<td width="12px" height="12px" bgcolor="blue" onmouseover="changeColor('blue')"> </td>
<td width="12px" height="12px" bgcolor="green" onmouseover="changeColor('green')"> </td>
<td width="12px" height="12px" bgcolor="orange" onmouseover="changeColor('orange')"> </td>
<td width="12px" height="12px" bgcolor="violet" onmouseover="changeColor('violet')"> </td>
<td width="12px" height="12px" bgcolor="yellow" onmouseover="changeColor('yellow')"> </td>
<td width="12px" height="12px" bgcolor="brown" onmouseover="changeColor('brown')"> </td>
</tr></table>

Chỉnh code: Bạn hãy thay các tên màu trong code trên thành màu ưa thích của bạn, ở đây mình sử dụng tên màu bạn cũng có thể thay chúng thành mã màu tương ứng như #0000ff, bạn tham khảo bảng mã màu tại đây.

9. Save tiện ích lại

Chúc bạn thành công

Xem khác cùng chủ đề

3 nhận xét | Viết lời bình

5/01/2011 09:10:00 SA Trả lời

hiệu ứng thật là hay

11/17/2012 09:59:00 CH Trả lời

anh oi co canh nao de khong phai cho mau khong , co nghia la khi ta cho mau mot lan thoi lan sau khi vao trang van co mau day co con chon mau kieu nay lick kich lam anh oi?

Admin
11/17/2012 10:07:00 CH Trả lời

Em hãy xem bài viết tại đây

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang