I. Tìm hiểu chung:
1. Tác giả: Một sản phẩm được làm qua nhiều tác giả, chủ yếu là bác Hùng và ligerv.
2. Tác phẩm: Sản phẩm có ưu điểm là chống trọi được với code phóng to hay thu nhỏ ảnh, không chèn hay sửa chữa code, ai thích dùng thì dùng. Khuyết điểm là tự rip hình bên zing nên phải có nick zing.
II. Đọc - hiểu văn bản:
1. Sau khi viết một bài blog và chọn nền, các bạn click chuột phải và chọn Kiểm tra phần tử.
2. Sau khi nó xuất hiện cái khung, bạn chọn thẻ Resources > Frames > Blog > Blog > Image.
3. Ở phần Image, các bạn kiếm các ảnh footer, header, tile.
4. Các bạn chèn link ảnh vào code:
1. Tác giả: Một sản phẩm được làm qua nhiều tác giả, chủ yếu là bác Hùng và ligerv.
2. Tác phẩm: Sản phẩm có ưu điểm là chống trọi được với code phóng to hay thu nhỏ ảnh, không chèn hay sửa chữa code, ai thích dùng thì dùng. Khuyết điểm là tự rip hình bên zing nên phải có nick zing.
II. Đọc - hiểu văn bản:
1. Sau khi viết một bài blog và chọn nền, các bạn click chuột phải và chọn Kiểm tra phần tử.
2. Sau khi nó xuất hiện cái khung, bạn chọn thẻ Resources > Frames > Blog > Blog > Image.
3. Ở phần Image, các bạn kiếm các ảnh footer, header, tile.
4. Các bạn chèn link ảnh vào code:
- Code:
[table cellspacing="0" cellpadding="0"][tr][td style="width: 580px !important; height: 251px !important;background: url('link ảnh header');"] [/td][/tr][tr][td style="width: 540px !important; height: 251px !important;background: url('link ảnh tile');padding: 0 20px;color: #fff;"] Nội dung bài viết [/td][/tr][tr][td style="width: 580px !important; height: 124px !important;background: url('link ảnh footer');"] [/td][/tr][/table]
5. Kích thước ảnh, ở mỗi ảnh, các bạn sửa lại cho đúng.
III. Tổng kết:
Demo:
III. Tổng kết:
Demo:
Nội dung bài viết |