Chèn hình nền cho mỗi bài viết trong blog Opera

**Butchi** · 12-13-2009, 08:43 AM

Các bạn ơi! Việc đưa thêm hình nền vào mỗi bài viết trong blog không những làm cho bài viết của bạn có hồn và sinh động mà còn tạo được nét đặt trưng riêng cho blog của mỗi người. Hôm nay, mình xin chia sẽ với các bạn cách chèn hình nền cho bài viết.

Đầu tiên vào blog của mình. Vào My Account > Design > custom style sheet. Bạn copy đoạn code sau cho vào trong phần Enter CSS: Thay dòng Link hình nền của bạn bằng đường link của hình bạn muốn dùng làm hình nền cho bài viết. Đánh dấu chọn dòng Use my custom style sheet together with the current theme rồi nhấn Save.

Code:

.post {
background:url(Link hình nền của bạn) no-repeat left top;
PADDING-RIGHT: 0px;
BORDER-TOP: #ddd 1px solid;
PADDING-LEFT: 0px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 10px;
OVERFLOW: hidden;
WIDTH: 100%;
PADDING-TOP: 16px
}

Thuộc tính "no-repeat" (không lập lại). Nếu hình nền bạn có kích thước hơi nhỏ, bạn có thể đổi thuộc tính này thành "repeat" để hình nền được lập lại suốt chiều dài bài viết.

Vậy là xong rồi, trở lại trang blog nhấn F5 để xem thành quả của mình nào.

Theo Nhật Minh Du - Shareboxvn