Puppy

Hôm nhận "hàng" ở Tĩnh tâm, bé Ceasium có nhắn nhủ :"Bữa nào Tr gởi cho Th đoạn code nha", và nghe nói bé Ceasium sẽ share cho QC Pass. Vài hôm sau online gặp Carollinh lùn, thía là nàng ta cũng thỏ thẻ: "Bà chỉ tui làm đi". Nhưng xét tình hình là cuối năm bận rộn nên đã hứa là cuối tuần gởi . Hôm ni, thể theo yêu cầu của bé Ceasium cùng thần dân QC Pass và "yêu sách" của Carollinh lùn (chỉ cho nường ta thì nường ta mới chỉ Pup làm photoshop ), Pup post lên một số cách để các bạn tham khảo. Blog này được thực hiện dựa trên Hướng dẫn trang trí blog của Alney - một du học sinh Việt Nam tại Singapore Institute of Commerce.

1. Tạo Background cho mỗi blog:

Để tạo hình nền (background) cho mỗi Blog, các bạn thực hiện như sau:

- Trước hết các bạn cần upload hình mà các bạn muốn chọn làm background lên 1 trang web để lấy link (host).

- Vào 360 độ của bạn -----> Compose Blog Entry. Click vào ô View HTML Source

- Tuỳ theo sở thích, các bạn có thể chọn cho mình 1 trong 4 dạng trình bày background dưới đây và copy đoạn code tương ứng với dạng đó vào ô soạn blog của mình.

Dạng thứ nhất (cũng là dạng background đơn giản nhất) : http://blog.360.yahoo.com/blog-xQvSIKshbraAEDJQqAPap3GN?p=208 (mẫu tham khảo)

Với kiểu này, các bạn copy đoạn code sau:

Dạng thứ hai : như zậy nè http://blog.360.yahoo.com/blog-xQvSIKshbraAEDJQqAPap3GN?p=240

Đoạn code cho dạng này như sau :

Dạng thứ 3 : http://blog.360.yahoo.com/blog-xQvSIKshbraAEDJQqAPap3GN?p=173

Copy đoạn code nì nè :

Dạng thứ 4 (cũng là dạng cuối cùng mà Pup biết): mặt mũi dạng này giống như dạng trình bày của blog này đó.

Và đoạn code như sau:

<table background="http://hostcuaban/xxx.jpg" border="1" cellpadding="30" cellspacing="2">
<tbody><tr> <td><table style="height: 209px;" align="left" background="http://hostcuaban/xxx.jpg" border="2" cellpadding="0" cellspacing="0">
<tbody><tr> <td align="left"><span style="color: rgb(192, 0, 0);">
<div style="margin-left: 40px;">
Đoạn blog của child table.
<br /></div></span></td> </tr> </tbody>
</table> <br /><span style="color: rgb(255, 64, 64);">
Đoạn blog của mother talbe.
</span><br /></td></tr></tbody></table>

Hiện giờ Pup chỉ mới biết được có 4 cách trình bày background thui. Nếu các bạn có biết thêm cách nào khác thì comment cho Pup dzới nha .

2. Vẽ khung cho Blog:

Các bạn có thể xem tham khảo 1 dạng khung: http://blog.360.yahoo.com/blog-xQvSIKshbraAEDJQqAPap3GN?p=274

Sau đây là đoạn code:

Ngoài dạng "double", các bạn có thể chọn các dạng khác như "dashed"; "solid"; "double"; "groove"; "ridge"; "hidden"; "inset"; "outset"; “dotted”

3. Chèn nhiều hình vào Blog:

Lưu ý :

- Tất cả các đoạn code đều được copy và dán vào ô soạn thảo ở chế độ View HTML Source.

- Những chỗ in đậm là những chỗ các bạn có thể thay đổi.

- Hình mà các bạn chọn làm background hay chèn nhiều hình có thể là *.gif, *.jpg...

- Để dễ dàng, sau khi copy đoạn code và thay đổi các chỗ in đậm tương ứng, các bạn có thể bỏ dấu check ở ô View HTML để trở về màn hình soạn thảo bình thường.

Hì hì, bài viết của Pup về cách làm background xin tạm dừng tại đây. Pup chỉ giới thiệu những điều cơ bản, phần còn lại là phụ thuộc vào sự kết hợp, sự sáng tạo của các bạn. hi. Pup chân thành cám ơn Alney đã giúp Pup thực hiện blog này. Mọi thư từ, ý kiến đóng góp xin comment tại blog của Puppy. Xin chào và xin hẹn gặp lại lần sau.