Thay đổi mầu nền và hình ảnh trên Blogspot với 8 Bước

Việc thay đổi màu nền blogspot là một trong những cách thức mà người viết blog thường hay sử dụng để khiến blog của họ trực quan và hấp dẫn khách truy cập hơn.

 1,412 lượt xem

Font chữ  aA aA - +

Việc thay đổi màu nền blogspot là một trong những cách thức mà người viết blog thường hay sử dụng để khiến blog của họ trực quan và hấp dẫn khách truy cập hơn. Tuy nhiên, nếu ảnh nền được thêm vào không chính xác có thể sẽ làm blog bị rối và khiến khách truy cập lướt qua blog của bạn. Để thêm nền blog một cách chính xá, bạn sẽ phải sử dụng đúng mã HTML.

Trong bài viết dưới đây, chúng tôi sẽ chia sẻ đến bạn cách thay đổi màu nền, hình nền blogspot dễ dàng với 8 bước đơn giản, hãy theo dõi bài viết dưới đây để biến blog của mình trở nên thật hấp dẫn và cuốn hút hơn nữa nhé:

Thay đổi màu nền cho blogspot

Bước 1: Chuyển đến trang HTML cho blog của bạn. Nếu bạn đang chỉnh sửa blog của mình ngoại tuyến thì bạn có thể mở nó trong Dreamweaver để thay đổi HTML. Các dịch vụ viết blog như Blogger cho phép bạn thay đổi HTML trực tuyến bằng cách vào trang Thiết kế và chọn tab "Chỉnh sửa HTML". Bạn cần phải có khả năng truy cập vào mã HTML cho blog của mình và cách bạn thực hiện việc này có thể khác nhau tùy thuộc vào dịch vụ và phương pháp viết blog mà bạn sử dụng.

Bước 2: Chọn màu nền: Đừng cố gắng tìm một hình ảnh riêng biệt với một màu khác nếu tất cả những gì bạn muốn làm là thay đổi màu nền. Thay vào đó, bạn chỉ cần chỉnh sửa HTML để thay đổi màu hiện có sang màu bạn muốn.

Tìm kiếm "Biểu đồ màu HTML" trên Internet. Bạn sẽ có thể tìm thấy một bảng hiển thị màu sắc khác nhau cùng với tên màu và số HEX (Hexadecimal) của chúng. Số HEX là số được sử dụng trong HTML, vì vậy bạn cần nhớ số HEX cho màu cụ thể mà bạn muốn làm nền.

Tìm mã trên blog của bạn để xác định màu nền. Đoạn mã về cơ bản sẽ có dạng trông giống như thế này.

• body {
• Background - color: #XXXXXX;

Bước 3: Bạn sẽ thấy số HEX của màu hiện có thay vì X được hiển thị trong mã mẫu.

Thay đổi số HEX thành số cho màu mà bạn muốn làm nền của mình. Sau khi bạn "Save" và "Apply" HTML mới, bạn sẽ thấy màu mới làm nền.

Thêm hình nền cho Blogspot

Bước 1: Chọn hình ảnh mà bạn muốn thêm làm nền. Có rất nhiều trang web cho phép bạn tải xuống nền blog hoặc bạn có thể sử dụng một hình ảnh đã được lưu trên máy tính của bạn.

Bước 2: Tải lên hình ảnh. Các trang web lưu trữ ảnh như Picasa, Flickr và Photobucket cho phép bạn tải lên hình ảnh miễn phí. Dịch vụ lưu trữ blog của bạn cũng có thể cho phép bạn tải lên hình ảnh theo cách tương tự như cách phần còn lại của blog được lưu trữ.

Bước 3: Nhận URL hình ảnh. Để làm điều này, bạn cần mở hình ảnh trong trình duyệt Internet của bạn và sao chép URL nơi nó được hiển thị.

Bước 4: Chèn mã để thêm một hình ảnh làm nền.

Mã HTML được chèn vào về cơ bản sẽ có dạng

• body {
• background-image: url (image URL);

Bạn cần phải thêm đoạn mã này ở vị trí đầu tiên tại thẻ body trong HTML blog của bạn . Thay thế "image URL" bằng đường dẫn URL đầy đủ nơi đặt hình ảnh mà bạn muốn sử dụng làm hình nền.

Bước 5: Lưu các thay đổi: Sau khi bạn chỉnh sửa HTML hãy lưu các thay đổi và xem blog của bạn. Bạn sẽ thấy hình ảnh được thêm vào làm hình nền.