Tổng hợp thủ thuật thiết kế sử dụng Blog Plus Yahoo

Heo Còi

                               
Đăng nhập/Đăng ký mở rộng

Tính năng mới
Phần I: Hướng dẫn chung
-Phần quản lý Admin
1.Các thư mục
2.Allbum phân loại
3.Tải lên
4.Comment
5.Bài có liên quan
6.Blog yêu thich
-Tuỳ chỉnh
1.Blog URL
2.Blog yêu thích
3.Thông kê
-Bạn bè và favourites
1. Đăng ký blog yêu thích (favourites):
2. Mời bạn bè:
3. Kết nối bạn bè:
Comment và entry
1. Comment
2. Viết bài mới
Chỉnh sửa thông tin cá nhân
1. Thay avartar
2. Sửa thông tin cá nhân
3. Tạo URL (đường dẫn liên kết) cho blog
--------------------------------------------------------------------
PhầnII.Trang Trí
Module--------------------------------------------------------------------
Phần III.Thiết kế blog Yahoo!360plus theo ý mình (CSS)
1. Thay đổi con trỏ trên blog theo ý mình:
2. Ảnh nền: Nếu để ảnh tràn toàn blog nên đặt là fixed như sau:
3. Ảnh nền trang đầu, Bảng tin nhắn, có thể đặt ảnh khác
4. Ảnh nền của bộ đếm Statistic
5. Ảnh nền của phần comments
6.Ảnh nền của phần Thư mục (tag)
7. Ảnh nền của phần lịch
8. Ảnh nền của trang Profiles
---------------------------------------------------------------
PhầnIV. ỨNG DỤNG KHÁC
1. Đưa ảnh động lên trên banner đầu blog:
2. Nếu bạn không muốn đầu đề dòng chữ tên blog xuất hiện
3. Hướng dẫn sử dụng các module tự tạo:
4. Thời tiết Việt Nam
5. Số người đang online trong blog bạn:
6. Quét virus trực tuyến:
7. Số lượt người xem blog:
8. Đồng hồ:
-------------------------------------------------------------------
Cách làm Module Banner , Module Music , Hình nền trên Tên Blog , Hình nền tĩnh .

Phần V: Cách đưa theme Blog cũ vào Yahoo Plus đây
1.Theme là một hình cố định giống Blog mình
BODY.blog_my {BACKGROUND:url(URL link ảnh) #000000 fixed;}
2.Theme là 2 hình Top và Bot giống 360 Yahoo cũ
#blast A, #blast A:hover{
    COLOR: #;
}
body{
background:/*Màu background*/;}
#doc2, #doc{
background:/*Màu background*/ url( link file ảnh của top theme ) no-repeat center top;}
#bd{
background:transparent url(Link file ảnh của bottom theme ) no-repeat center bottom;}
  
Preview một số themes được download nhiều nhất từ www.360themes.com hiện tại sau khi được convert sang 360plus:
      

                               
Đăng nhập/Đăng ký mở rộng

  

                               
Đăng nhập/Đăng ký mở rộng

      


P/S: Theo kinh nghiệm của mình nếu ở độ phân giải 1024x768 thì theme có chiều rộng là 1000px là chuẩn nhất...
Phần VI: Đăng ký tên miền
-Có tiền thì đăng kí tên miền xịn xịn không thì cứ đăng kí Free,rất tiện,nhiều tên đẹp,không bị quảng cáo,dễ dàng cho người không có Blog còn biết đường mà vào.
-Mình xin giới thiệu cho các bạn một trang sau: http://4vn.in  Các bạn truy cập vào đó và đăng kí tên miền cho Blog của mình hết sức đơn giản. Đăng kí xong cần phải nhấn vào kích hoạt...

                               
Đăng nhập/Đăng ký mở rộng

Các bạn có thể truy cập Blog của mình theo địa chỉ: http://www.sharevn.so1.in
Phần VII:Cách khắc phục một số lỗi hay gặp
1.Lỗi không viết được Tiếng Việt:
Thi thoảng khi viết bài hoặc comment bằng Tiếng Việt bạn không thể viết được nữa,lúc đó bạn mở Notepad ra viết vào rồi copy sang rồi chỉnh lại là ok ngay.
2.Lỗi không tím thấy đựơc Entry:
Một số Entry rất khó đọc do khi nhấn vào nó báo không tìm thấy bài viết,các bạn cứ vào lại vài lần,hoặc vào vòng vo lại được ngay thôi (Vào mục thư mục riêng,rồi chọn lại bài viết đó,hoặc vào mục comment của bài viết đó,tóm lại là cứ thấy link bài đó ở đâu thì thử vài lần là được)
Chúc thành công!
Bài tổng hợp này do mình tự viết và tổng hợp thêm từ một số Blogger khác( co0l.l0ve'sblog, OnlyU,trangha,SASU's Blog ...mình đã có trích dẫn trong Entry và cm hỏi ý kiến). Đề nghị ghi rõ nguồn gốc khi sử dụng lại Entry này

                               
Đăng nhập/Đăng ký mở rộng

                                                                                    co0l.l0ve'sblog
Updating....
Kho Avatar,Pic,Comment...cho Plus cực đẹp

                               
Đăng nhập/Đăng ký mở rộng

                               
Đăng nhập/Đăng ký mở rộng

                               
Đăng nhập/Đăng ký mở rộng

Heo Còi

quản lý Admin

                               
Đăng nhập/Đăng ký mở rộng

1.Các thư mục
Cho phép tạo các thư mục để chứa các entry theo từng chủ đề khác nhau,tại đây các bạn có thể thêm,sửa và xoá các thư mục.

  

                               
Đăng nhập/Đăng ký mở rộng

2.Allbum phân loại
3.Tải lên
-Mục này cho phép bạn tải ảnh lên Allbum của mình(Bạn chỉ có thể tải ảnh định dạng JPG. Dung lượng không vượt quá 2MB) . Bạn có thể tại trực tiếp ảnh lên Yahoo để vào Album hoặc post lên entry rất tiện.
4.Comment
-Hiện các comment Blog của bạn...
5.Bài có liên quan
6.Blog yêu thich
Tuỳ chỉnh
1.Blog URL
2.Blog yêu thích
3.Thông kê
(Đoạn này được trích từ OnlyU'sBlog)
Bạn bè và favourites
1. Đăng ký blog yêu thích (favourites):

                               
Đăng nhập/Đăng ký mở rộng

2. Mời bạn bè:
- Bước 1: Bấm vào Thêm bạn

                               
Đăng nhập/Đăng ký mở rộng

- Bước 2: Chọn mối quan hệ
Hiện Yahoo! chưa có chế độ đặt tên nhóm mà chia làm 3 nhóm: Gia đình, Bạn thân và Bạn bè. Bạn có thể đặt quan hệ tùy thích mà không hỏi ý kiến của người được đặt quan hệ. Đây là tính năng khá nổi trội của Yahoo!360plus so với Yahoo!360 trước kia.

                               
Đăng nhập/Đăng ký mở rộng

3. Kết nối bạn bè:
Có một số người mời bạn kết nối nhưng chưa trong danh sách của bạn. Tại sao vậy? Đơn giản vì bạn chưa chấp nhận kết nối. Để kết nối với người đã mời bạn, bạn làm như sau:
- Bước 1: Vào "Danh sách ai có tên tôi" ở phần Bạn bè BLOG

                               
Đăng nhập/Đăng ký mở rộng

- Bước 2: Bấm và sửa và chọn mối quan hệ

                               
Đăng nhập/Đăng ký mở rộng

Comment và entry
1. Comment
- Bước 1: Đặt nickname để dùng dịch vụ Yahoo! 360plus (trường hợp bạn chưa đăng ký)

                               
Đăng nhập/Đăng ký mở rộng

- Bước 2: Soạn nội dung comment (sử dụng được cả mã HTML như yêu cầu tại đây)

                               
Đăng nhập/Đăng ký mở rộng

2. Viết bài mới
- Bước 1: Bấm vào Sáng tác

                               
Đăng nhập/Đăng ký mở rộng

- Bước 2: Soạn bài viết mới

                               
Đăng nhập/Đăng ký mở rộng

Avatar
Bấm vào Tải ảnh riêng và làm theo hướng dẫn

                               
Đăng nhập/Đăng ký mở rộng

Chỉnh sửa thông tin cá nhân
1. Thay avartar
Bấm vào Tải ảnh riêng và làm theo hướng dẫn...

                               
Đăng nhập/Đăng ký mở rộng

2. Sửa thông tin cá nhân
- Bước 1: Bấm vào Sửa hồ sơ

                               
Đăng nhập/Đăng ký mở rộng

- Bước 2: Điền các thông tin cần thiết

                               
Đăng nhập/Đăng ký mở rộng

3. Tạo URL (đường dẫn liên kết) cho blog
- Bước 1: Bấm vào Sửa hồ sơ
- Bước 2: Bấm vào Blog URL

                               
Đăng nhập/Đăng ký mở rộng

Hiện Yahoo! để 3 chế độ, URL được mã hóa, URL theo tên truy nhập Yahoo! (nhưng mới chỉ để được tên truy nhập trùng địa chỉ email, chưa dùng được tên truy nhập khác) và URL tự tạo (có dấu - ở giữa gây khó chịu cho nhiều người).


---------------------------------------------------
PhầnII.Trang Trí co0l.l0ve'sBlog
Module

-Để chỉnh sửa được các module của Blog các bạn nhấn vào mục bố cục

                               
Đăng nhập/Đăng ký mở rộng

-Các bạn có thể thay đổi vị trí các Module bằng cách cầm,rê chuột rồi thả vào vị trí thích hợp.

-Bố trí: Bố trí lại vị trí các Module

-Theme: Thême của Blog

ở đây các bạn có thể cọn theme có sẵn của yahoo bằng cách click vào ô nhập hình nền thiết lập,ngoài ra cũng có thể chọn tự làm theme cho miình khi click vào chế độ tự chỉnh sửa

                               
Đăng nhập/Đăng ký mở rộng

Sau khi vào chế độ tự chỉnh sửa các bạn sẽ thấy một bảng như sau

                               
Đăng nhập/Đăng ký mở rộng

Trong đó link màu:là màu link liên kết trong blog bạn

màu nền :màu của toàn bộ nền blog (màu này sẽ nằm sau hình nền nếu chọn hình nền )

màu chữ :màu chữ mặc định trong blog

chữ màu:màu của các module trong blog

Ảnh nền :bạn copy link bức ảnh muốn làm ảnh nền dán vào

-Thêm Module: Cho phép bạn add thêm Module tích hợp sẵn,hoặc tạo mới một Module

-Thêm một Module trống:

                               
Đăng nhập/Đăng ký mở rộng

Ở blog mới các bạn sẽ có thể thm module hoặc tùy chỉnh các module giống mash yahoo

  

                               
Đăng nhập/Đăng ký mở rộng

-Để sủa Module bấm vào sửa và sửa đổi:

                               
Đăng nhập/Đăng ký mở rộng

Phần III.Thiết kế blog Yahoo!360plus theo ý mình (CSS)
Theo Trang Ha'sBlog
1. Thay đổi con trỏ trên blog theo ý mình:   

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

Điền vào ô trống của CSS nội dung sau:

body{cursor: xxx;}
a:hover{cursor:xxx;}

Trong đó xxx là tuỳ chọn cho con trỏ trên blog bạn, body là lệnh cho con trỏ sử dụng trên toàn blog, a:hover là lệnh cho con trỏ hiển thị khi đặt lên một links liên kết, bạn sẽ điền vào:

pointer

                               
Đăng nhập/Đăng ký mở rộng

crosshair

                               
Đăng nhập/Đăng ký mở rộng

n-resize

                               
Đăng nhập/Đăng ký mở rộng

w-resize

                               
Đăng nhập/Đăng ký mở rộng

ne-resize

                               
Đăng nhập/Đăng ký mở rộng

nw-resize

                               
Đăng nhập/Đăng ký mở rộng

move

                               
Đăng nhập/Đăng ký mở rộng

wait

                               
Đăng nhập/Đăng ký mở rộng

help

                               
Đăng nhập/Đăng ký mở rộng

Vidu:
body{cursor:nw-resize;}
a:hover{cursor:help;}


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

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

Hãy điền links của ảnh nền vào chỗ xxx nhé.

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

BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 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:#FFFFFF 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:#FFFFFF 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:#FFFFFF url(http://www.xxxxx.gif);}

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

#calendar .bd {background:#FFFFFF 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) #000000 fixed;}
-------------------------------------------------------
PhầnIV. ỨNG DỤNG KHÁC

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ữ #FFFFFF (là ký hiệu của màu trắng) 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 Á:

                               
Đăng nhập/Đăng ký mở rộ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:

                               
Đăng nhập/Đăng ký mở rộng

                               
Đăng nhập/Đăng ký mở rộng

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

Vào trang http://www.petitcounter.net/ để lấy code nhé!

8. Đồng hồ:

Heo Còi

Cách làm Module Banner , Module Music , Hình nền trên Tên Blog , Hình nền tĩnh .

  
Chắc cũng có nhiều bạn biết rồi , bài hướng dẫn này , dành cho những ai còn nhiều ngỡ ngàng với 360+ .  Module Banner
Bạn chuẩn bị một hình vừa với cỡ banner bạn muốn , Có thể là hình động . File .jpg  , .gif  
Upload hình đó lên một trang up hình nào đấy , như photobucket.com , anhso.net  
Tiếp theo :
Vào Bố trí , Thêm Module  .
Click chọn vào một cột tự thiết kế.
Chọn vị trí của cột đó.
Tiếp.
Ở phần tên Module , bạn có thể không điền gì , hoặc điền tên cho banner của bạn.
Ở phần nội dung module :
Bạn copy đoạn code trên trang web bạn upload ảnh , và paste vào.
Đoạn code có dạng giống thế này   
Copy hết nha ..đừng bắt chước Sasu "..." nó không ra gì đâu
Xong..
Vào lại Bố Trí ..và kéo cái module đó lên vị trí bạn muốn đặt banner  ^^!
Module My list music :
Bạn upload một list nhạc yêu thích lên trang nhaccuatui , imeem , hay bất kỳ trang upload nhạc nào mà bạn biết.
Sau khi upload xong , bạn mở lại list nhạc .
Cũng làm các bước giống như làm module banner . Cho đến đoạn nội dung module
Copy đoạn code.  Ngay chỗ Embed á:

OK.. xong ... kéo cái module lại vị trí bạn muốn đặt.

Hình nền trên Tên blog .
Bạn tạo một hình kích thước cao 50 px, nganh 800px (hoặc 700px)  
Ok ..
Tiếp nè . Vào Bố Trí .
Rê chuột lại phần tên blog. Bên gốc phải phía trên sẽ thấy chữ Sửa. Click vào.
Phần Hình . Click chọn ảnh từ máy tính . Vào browse , lấy đường dẫn cho tấm hình bạn muốn dùng.
Phần Tựa . Chọn màu chữ .
Phần Định , Chọn tựa + nền
Lưu lại .
-----------------------------------------------
Đây là bài tổng hợp đầy đủ nhất về cách sử dụng và các thủ thuật của Yahoo Plus st tại các blogger ( co0l.l0ve'sblog, OnlyU,trangha,SASU's Blog ...)