Liên hệ thiết kếLiên hệ kinh doanhHỗ trợ kỹ thuậtThan phiền dịch vụGóp ý dịch vụ

Thứ Tư, 14 tháng 7, 2010

Thiết kế blog Yahoo! 360 Plus

1. Thay đổi thiết kế blog bằng CSS:

Bố trí => Theme => Chế độ tự chỉnh sửa => CSS

rồi điền các nội dung tôi bôi đỏ ở dưới đây vào ô trống CSS nhé:

2. Ảnh nền theme của phần blog: Nếu để ảnh tràn toàn blog nên đặt là fixed như sau:

BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000 fixed;}

Hãy điền link của ảnh nền bạn thích vào đoạn http://www.xxx.jpg nhé.

3. Ảnh nền Bảng tin nhắn, có thể đặt ảnh khác.

BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000 fixed;}

4. Ảnh nền của bộ đếm Statistic cũng có thể thay bằng ảnh động, bạn nhớ kích thước của ảnh ko nên lớn quá 30 pixels:

#statistic .bd {background:#FFF url(http://www.xxxxx.gif);}

5. Ảnh nền của phần comments cũng vậy, nhưng nên dùng ảnh màu thật nhạt, ảnh tĩnh đuôi jpg nếu ko sẽ che hết chữ:

#comment_new .bd {background:#FFF url(http://www.xxxxx.gif);}

6.Ảnh nền của phần Thư mục (tag) thì có thể dùng ảnh dài, bởi tag càng nhiều nó sẽ càng dài ra:

#folder .bd {background:#FFF url(http://www.xxxxx.gif);}

7. Ảnh nền của phần lịch thì cố định kích cỡ:

#calendar .bd {background:#FFF url(http://www.xxxxx.gif);}

8. Ảnh nền của trang Profiles cũng có thể thay, giúp blog của bạn có tới mấy themes khác nhau:

BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000 fixed;}

9. Ảnh nền trong mỗi Entry: Bạn điền links ảnh vào trong đoạn xxx nhé!

.mod-alist-full .main-bd{background:#FFF url(http://xxxx.jpg);}

10. Ảnh nền của tiêu đề mỗi Entry: Có lẽ chọn 1 ảnh nhạt, hoa trái hay họa tiết trừu tượng tốt hơn là ảnh người ngợm! Kích cỡ khoảng rộng 600 x cao 80:

.mod-alist-full .mail-hd {background:#FFF url(http:xxx.jpg)}

Ứng dụng khác cho blog Yahoo! 360 Plus:

1. Đưa ảnh động lên trên banner đầu blog:

Bố trí => đừng chọn gì mà nhìn sang tay phải, bấm vào "Sửa" => Chọn ảnh từ máy tính => Upload ảnh động bạn muốn sử dụng từ máy tính của bạn lên. Tốt nhất ảnh có kích thước phù hợp với đầu banner của blog, có bề rộng 770-800 pixels => Chọn "Hình nền trống" => Chọn "Không có khung" => OK

2. Nếu bạn không muốn đầu đề dòng chữ tên blog xuất hiện trên banner này, bạn có thể chọn:

Bố trí => Sửa => Tựa

Trong phần Chữ Màu và Link Màu, bạn đều điền vào chữ #FFF (là ký hiệu của màu trong) hoặc bấm vào bảng màu chọn màu trắng.

3. Hướng dẫn sử dụng các module tự tạo:

Bố Trí => Thêm Module => Xong. Sau khi đã tạo được một module trống trên blog, bạn thêm nội dung cho bằng cách bấm Bố Trí => bấm vào chữ Sửa trên Module đó. Bạn cho thêm các đoạn mã sau vào mỗi nội dung module nhé.

Sau đây là một số Module tôi đang gắn thêm lên trên blog tôi:

4. Thời tiết Việt Nam: Vì không có bản đồ mây của riêng VN nên tôi dùng tạm Đông Á:

5. Số người đang online trong blog bạn:

Vào http://www.usersonline.com/ đăng ký links của blog bạn rồi copy đoạn html của nó gắn vào module là xong.

6. Quét virus trực tuyến:

7. Số lượt người xem blog:

Nó ít hơn pageviews thông thường rất nhiều vì chỉ đếm người thôi. Vào trang http://www.petitcounter.net/ để lấy code nhé! Bạn thích dãy số màu nào thì bấm vào dãy số đó, nó sẽ hiện ra 1 dòng để điền links blog của bạn vào rồi bấm OK.

8. Bể cá cảnh:

Copy vào module tự chọn dòng chữ sau:

blog

Hoặc copy đoạn mã sau:

9. Trà xuân:

Bạn nhớ save as ảnh động của tôi vào album riêng rồi hãy gắn links ảnh trên album của bạn vào, để đảm bảo ảnh luôn hiển thị ổn định.

10. Mỹ nữ:

11. Tổ lái: