Thư viện

Trải nghiệm

Chủ Nhật, tháng 11 02, 2014

[Tips] - Tự thay đổi màu nền & hình nền cho blogger

Tự thay đổi màu nền & hình nền cho blogger, cách thay đổi hình nền cho blogspot, hình nền cho blogger.Thủ thuật blogger tại Terocket!

Chia sẻ:
[Tips] - Tự thay đổi màu nền & hình nền cho blogger
Tự động thay đổi hình nền cho blogger và màu nền cho blogpot chuyên nghiệp!

Hôm nay Terocket sẽ chỉ cho bạn thủ thuật Tự thay đổi màu nền & hình nền cho blogger và làm thế nào bạn có thể làm thay đổi màu nền, hình nền blog của bạn, với các màu sắc khác nhau bằng cách sử dụng CSS. Trước đây Terocket cũng đã giới thiệu thủ thuật này một lần rồi, nhưng đây là thủ thuật Tự động thay đổi hình nền Blogspot theo thời gian.

Live Demo

Nhưng giờ thì qua thủ thuật mới hơn này, mặc dù trong thủ thuật này, bạn có thể sử dụng hình ảnh lớn để làm nền, nhưng các bạn yên tâm, Terocket đã tối ưu hóa nó và giúp nó có thể tải cực nhanh, nâng cao trải nghiệm người dùng trên website hay blog của bạn. Nào, giờ thì cùng Terocket tìm hiểu thủ thuật Tự thay đổi màu nền & hình nền cho blogger/blogspot nhé!

>>Tự động thay đổi hình nền Blogspot theo thời gian
>>Thay đổi nền ngẫu nhiên cho blog khi refrest

Cùng với Terocket bắt đầu với thủ thuật Tự thay đổi màu nền & hình nền cho blogger/blogspot nào!

Bước 1 - Thay thế các mã code cũ

Bạn cần thay thế các mã code cũ mà có thể gây xung đột với code mới này, cách đơn giản là bạn vào Blogger -> Mẫu -> Chỉnh sửa HTML và nhấn tổ hợp phím Ctrl + F và nhập tìm kiếm body và xóa nền của nó đi. Nền là background đó nhé! Và trong trường hợp bạn không tìm được, bạn tham khảo hình ảnh dưới đây nhé!

Bước 2 - Thêm mã vào website của bạn.

Đầu tiên bạn cần vào Blogger -> Mẫu -> Chỉnh sửa HTML và nhấn tổ hợp phím Ctrl + F và nhập tìm kiếm ]]></b:skin> và sao chép đoạn mã dưới đây vào trước nó nhé! Và sau đó lưu mã đó lại!

body {
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}
@keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}

Đây là một thủ thuật thay đổi hình nền và thay đổi màu nền cho blogger blogspot rất hay mà Terocket mang đến cho bạn. Nếu bạn thấy hay, hãy share nó đi nhé, hoặc có chổ nào không hiểu, hãy gửi ý kiến, bình luận ở dưới đây nha. Terocket sẽ chia sẻ và hướng dẫn sâu hơn về vấn đề này.
Trứng Vịt - Terocket

9 nhận xét:

  1. điểm đặc biệt của nó so với việc tải hình nền lên là gì hả anh? em vẫn chưa hiểu lắm

    Trả lờiXóa
  2. thế còn tự động thay đổi hình nền cho blogspot có đc không bạn ? Có thì cho mình xin code nhé :D .Cách này rất hay!

    Trả lờiXóa
  3. có cách đổi màu nền cho bài đăng k ạ

    Trả lờiXóa
  4. có cách đổi màu nền cho bài đăng k ạ

    Trả lờiXóa
  5. Làm thế nào để chèn 1 cái ảnh vào làm hình nền cho blog của mình hả ad?
    Cái web của em nó cứ trắng xóa như này : www.sotaybds.com

    Trả lờiXóa
  6. khung ảnh chạy mình muốn để nền đằng sau ảnh chạy là nền maù riêng biệt
    code như nào bạn ơi
    có thể cho mình xin đc ko

    Trả lờiXóa
  7. xin chào mọi người mình có cái bloger, này muốn thay màu của nó mà ko biết thay ntn mọi người ai biết chỉ giúp mình. Thanks . http://capvon247.blogspot.com/
    màu đen trên và dưới thay bằng màu khác. thánh nào biết chỉ em . thanks.
    muasambamienvn@gmail.com

    Trả lờiXóa