Hướng dẫn cách tạo Yahoo Mash (Toan tap)

Admin Tổng số bài gửi : 786 Age : 38 Registration date : 05/10/2007

Điều kiện để có được một Yahoo! Mash, blogger cần
phải có một invite (lời mời) từ Mashing. Tìm một invite của Yahoo! Mash
cũng không khó. Bạn chỉ cần vào trang tìm kiếm Google, gõ từ khóa
“invite, Yahoo! Mash” và tìm đến một thành viên của Yahoo! Mash xin
invite. Hầu như các blogger này đều sẵn sàng cung cấp invite cho bạn.
Khi
đã có invite, bạn chỉ việc click chuột vào đường link của thư mời ở
phía dưới dòng chữ “Check it out!”. Trang mới hiện ra, bạn chọn một
trong hai chữ "Keep it" hoặc "Create new" là bạn đã trở thành thành
viên của Yahoo! Mash.
Yahoo!
Mash có 5 thành phần cơ bản, đó là: Your Profile; Pulse; Friends;
Settings và Modules. Bây giờ bạn chỉ việc hoàn thành các thành phần đó
là xong.
Your Profile
Đầu
tiên bạn sẽ nhìn thấy dòng chữ “Click here to say something ….” ở phía
trên cùng, cạnh hình đại diện. Khi di chuột vào đây màu vàng sẽ xuất
hiện, bạn chọn chuột trái. Cửa sổ mới xuất hiện, bạn gõ nội dung giống
như blast của 360^o. Nếu muốn thay hình, bấm vào Change Photo để thay hình đại diện.
About Me:
Bao gồm 16 câu tự bạch về bản thân. Khi click vào mỗi câu sẽ xuất hiện
hộp box, bạn có thể sử dụng code HTML để mô tả bản thân cho thêm phần
sinh động.
Ngoài ra bạn có thể add thêm các câu tự bạch theo ý thích bằng cách click vào add nằm ở cuối bạn sẽ thấy hiện ra như hình dưới và điền vào thông tin cần thiết.

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Ym2

My Stuff: Giống như viết entry của Yahoo! 360^o, bạn có thể thêm text hay code html tùy ý.
Blurt: Chỉ sử dụng được với text bình thường, giống như blast của Yahoo! 360^o.
Guestbook: Là nơi dành cho các Mashing comment, điều đặc biệt là có thể sử dụng code html giống như viết entry của Yahoo! 360^o.
Style this profile:
Nơi để trang trí Yahoo! Mash. Background Image URL hỗ trợ cả ảnh động
và không giới hạn dung lượng cũng như kích thước hình. Có nhiều kiển
chọn chế độ hình như: tile, center, top, bottom. Module color: màu nền
của các modules. Border color: màu đường viền của các modules. Font
color: màu chữ. Link color: màu chữ có kèm link.

+ Background Image URL :
paste link hình dùng làm theme của bạn (.jpg, gif…). Trong yahoo mash
không giới hạn dung lượng hình. Có các chế độ hình như Y!360 như tile,
center, top, botton. Bạn có thể tùy chọn theo ý thích.
+ Module color : Màu nền của các modules. Để chọn màu bạn click vào ô vuông bên cạnh.
+ Font color : màu chữ
+ Boder color : Màu đường viền của các modules.
+ Link color : màu của những chữ có kèm theo link
Lưu ý : Muốn trở về theme như ban đầu, bạn chỉ cần xóa code màu là được
- Customize : this page by adding cool stuff : add modules cho Yahoo mash. Trong đây có nhiều tùy chọn cho bạn.
+ Flickr RSS : dùng add thêm link của flickr
+ Blog module RSS : add thêm link của blog Y!360
+ …
+ Chọn main column thì module sẽ nằm bên trái, Right column thì module nằm bên phải.
Để sắp xếp các modules theo ý muốn, bạn chỉ click vào module vào di chuyển đến vị trí theo ý thích.

Customize
this page by adding cool stuff!: Bạn có thể thêm các module từ đây.
Chọn Main column (module sẽ nằm bên trái, giao diện rộng), Right column
(module nằm bên phải).
Friends: phần [+] add a friend dùng để invite bằng email hoặc add nicks trong address book của Y!M đã tham gia vào Mash.
Tag: dùng để gõ những từ khóa tìm kiếm, nếu muốn xóa tag thì nhấn vào dấu “-”
The mash pets: nuôi thú ảo trên Yahoo! Mash. Khi edit sẽ hiện ra dòng để paste link hình con thú.
Pulse
Tại
đây bạn có thể xem tất cả các hoạt động trong Yahoo! Mash của mình và
của friends. Kể cả có ai post trong guestbook của friends hoặc friends
gởi invite cho bất cứ ai.
Friends
Add a friend dùng để invite bằng email hoặc add nicks trong address book của Y!M đã tham gia vào Mash. Hạn chế của Friends là không thể thêm nhóm mới.
Settings
Permission: Cho phép những ai có thể xem profile, edit profile, post trong guesbook của bạn.
Notifications: Thông báo khi có sự thay đổi trên Mash.
Email management: Lựa chọn email để nhận notifications, không nhất thiết phải là Yahoo.
Simple URL: chọn link cho Yahoo! Mash của bạn http://mash.yahoo.com/ID_Yahoo
People I've blocked: Danh sách những user bị bạn chặn..
Modules
Có
nhiều modules cho bạn lựa chọn, ngoài những modules chính thì còn có
hơn 30 modules khác nữa cho bạn lựa chọn. Đối với các modules đã tạo
thành, khi di chuột vào thì có 4 mũi tên xuất hiện. Bạn có thể di
chuyển lên, xuống, sang phải, sang trái.
Nhóm
phát triển Yahoo! Mash khẳng định, quá trình chuyển đổi từ Yahoo! 360o
sẽ diễn ra rất trơn tru và tự nhiên vào đầu năm 2008. Tuy nhiên, nếu
không đủ kiên nhẫn để chờ đợi, bạn có thể tham khảo các thông tin trên
để tạo một Yahoo! Mash, trở thành thành viên của ngôi nhà mới nhiều
tính năng này.
---------------------------------------------------------------------------------------------------------------------
Tìm hiểu về Mash Pet với Y! mash

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_6

Cái con pet này có nhiều thứ thú vị lắm nhá! Ví vụ bạn hãy xem con pet của tôi

Admin Tổng số bài gửi : 786 Age : 38 Registration date : 05/10/2007

Trong con pet có các tham sô bạn có thể thay đổi :
- Làm sao thay đổi cảm xúc con pet ? (Change Your Pet’s Mood)
Tình
trạng cảm xúc của con pet, như cái của tôi là Mood : happy(60), tham số
này có giá trị từ 0-60, 60 là hạnh phúc nhất, 0 -là xấu nhất Hướng dẫn cách tạo Yahoo Mash (Toan tap) 1

. Bạn có thể thay đổi các số khác để xem nó thế nào?
Làm sao để thay đổi tham số này ?
Trên
mash pet không có chỗ chỉnh sửa trực tiếp. Bạn làm như sau nhé: Bấm vào
change name (cái này ko chỉ để đổi tên pet đâu) gõ vào:
banana:mood=
ví dụ như của tôi : banana:mood=60
Khi cảm xúc này thay đổi hình ảnh tương ứng với cảm xúc cũng thay đổi theo.

- Làm sao thay đổi hình ảnh con pet ? (Change Your Pet’s Image)
Cách
làm cũng tương tự như thay đổi cảm xúc cho pet. Chỉ khác là tham số nó
khác. Có 6 hình ảnh chính biểu hiện 6 cảm xúc khác nhau :
happy,content,meh,sad,dejected,dead. Bạn có thể tự chế các ảnh này, tùy
thích, vào trang http://www.mashpet.com để tạo pet cho mình Hướng dẫn cách tạo Yahoo Mash (Toan tap) 1

hoặc vào Hình ảnh dùng cho Yahoo mash pet để lấy cho mình 1 pet dễ thương.
Bạn bấm vào change name và lần lượt điền vào các dòng sau để thay đổi hình ảnh cho pet:
banana:img.happy=URL-của-ảnh
banana:img.content=URL-của-ảnh
banana:img.meh=URL-của-ảnh
banana:img.sad=RL-của-ảnh
banana:img.dejected=URL-của-ảnh
banana:img.dead=URL-của-ảnh Ví dụ như của tôi cái ảnh happy là :
banana:img.happy=http://www.guru.net.vn/mash/mypet.jpg

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_4

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_4

- Làm sao thay đổi ngày sinh của pet ? (Change Your Pet’s Born)
Bạn cũng làm tương tự chỉ khác là bạn change name thành :
banana:born=
Tại thời điểm này tối đa con pet sinh được là 1 tháng, cho dù bạ có cho nó số lớn hơn đi nữa. Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_7

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_7

Kết quả là như hình ảnh trên mà bạn đã thấy. Rất thú vị phải không nào ? Chúc bạn có một con pet xinh xắn Hướng dẫn cách tạo Yahoo Mash (Toan tap) 1

PS: thêm một tí này
-Nếu bạn lỡ remove mất con pet thì bạn add lại nó như sau:
+ Bạn có thể grab nó từ mash của bạn bè bằng cách bấm vào "grab it" ở phía dưới chỗ con pet
+ Bạn add lại nó bằng cách chọn Modules trên menu
Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_8

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_8

Sau đó chọn :y!mash -> sau đó grab module Mash Pet
Hướng dẫn cách tạo Yahoo Mash (Toan tap) Mash_pet_9

- Nếu bạn lỡ kill con pet hoặc bị ai đó kill
thì có nghĩa là khi đó mood=dead hay mood=0, bạn chỉ việc bấm vào change name và đặt nó là
banana:mood=60 thì con pet sẽ sống lại và đang hạnh phúc Hướng dẫn cách tạo Yahoo Mash (Toan tap) 1

Goodluck! ----------------------------------------------------------------------------------- Tạo giao diện (theme) cho Yahoo!Mash như thế nào? <table border="0" cellpadding="0" cellspacing="0"> <tr> <td height="10">
</td></tr> <tr> <td> Hướng dẫn cách tạo Yahoo Mash (Toan tap) Yahoo-mash0

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Yahoo-mash0

Yahoo!Mash
ra đời với nhiều sự đổi mới so với Yahoo 360. Khả năng tùy chỉnh giao
diện theo ý của riêng mình là một trong những tính năng được nhiều
người sử dụng mong đợi nhất. Trong thủ thuật lần này, HelloICT hướng
dẫn các bạn hiểu và tạo một theme Yahoo!Mash như thế nào. </td></tr> <tr> <td>
</td></tr> <tr> <td height="5">
</td></tr> <tr> <td>
</td></tr></table>

Admin Tổng số bài gửi : 786 Age : 38 Registration date : 05/10/2007

Với Yahoo 360, bạn có thể tạo cho mình một theme
đơn giản bằng các thêm ảnh top, bottom, middle,.. theo một trình học
thuật cố định của Yahoo. Với Mash, bạn cũng có thể làm như thế. Tuy
nhiên, Mash còn cho phép bạn làm nhiều thứ hơn như thể quyết định
layout, màu sắc, kích cỡ, hình ảnh trên toàn trang Mash của mình bằng
cách nhâm nhập vào CSS (CSS là ngôn ngữ dùng để trang trí trong thiết
kế Web).
Để sử dụng CSS của riêng mình trang trí cho trang Mash bạn phải chuyển sang chế độ Advanced CSS

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Yahoo-mash1

Để
tạo được một giao điện đẹp cho Mash, không cách nào bằng hiểu được cấu
trúc CSS của Mash để tùy biến CSS này theo phong cách riêng của mình.
Mình sẽ hướng dẫn các bạn hiểu một cách đơn giản nhất.

Qui đinh:

Text in đậm là phần chính của CSS
Text in đậm có màu đỏ là giá trị mà bạn có thể thay đổi theo ý mình.
Phần text phía sau dấu // là chú thích. Khi copy vào Mash, bạn nên remove hết các chú thích này.

Cấu trúc CSS của Mash:

1. Thay đổi nền và font của toàn trang:

body {
font-family:verdana,sans-serif; //Đây là phần font mặc định của trang. Bạn có thể thay thế bằng Arial hay Times news roman hay font Unicode nào khác
background-image:url('http://www.helloict.com/images/ ..../color_brown _39.jpg' ); //url dẫn đến ảnh nền của mash.
background-repeat:repeat;
//nếu bạn chọn ảnh nền là 1 ảnh nhỏ, bạn có thể cho ảnh lặp lại để phủ
đầy trang hay chỉ hiện 1 lần bằng cách đổi thành background-repeat: no;

background-color:none; //màu nền. bạn có thể thay "none" bằng bất cứ màu nào. Ví dụ: màu đen: #000000
background-position:top left; //chỉ định chỗ đặt ảnh nền này ở đâu. Bạn có các vị trí:
color:#cccccc; //Màu của chữ-phần nội dung. Bạn có thể chọn màu khác như: đen: #000000, trắng: #ffffff
}

2. Thay đổi các thuộc tính của Modules

Module có thuộc tính chính là "mod" và các thuộc tính phụ là: "x1", "x1a", "x2" và "x2a".

2.1 Thuộc tính chính (.mod):
.mod {
background-color:none; //thay "none" bằng 1 giá trị màu HEX để tạo màu nền cho Module nếu bạn không dùng ảnh làm nền.
background-image:url('http://www.helloict.com/images/../color_brown _39.jpg'); //Dùng ảnh làm nền cho module, nếu bạn có thể bỏ dòng này hoặc thay đổi url tới ảnh của bạn.
border-style:solid; //là đường viền cho module. Có các loại viền sau: none | dotted | dashed | solid | double | groove | ridge | inset | outset
border-width:2px; //là chiều rộng của đường viền. Bạn có thê tăng hay giảm giá trị 2px này.
border-color:#3C6A90; //Đây là màu viền với giá trị màu HEX.
}

2.2 Thuôc tính con x1:
.mod .x1 {
background-color: #fafdff;
opacity: 0.6; //Tạo đồ trong suốt cho modules
filter:alpha(opacity=60); //giống như trên nhưng dùng cho IE
display: block; //là chế độ hiển thị cho Module
}

2.3 Thay đổi màu của chữ trong Modules:

.mod-content {
color:#5c879c; //thay đổi giá trị màu theo ý của bạn
}

2.4 Thay đổi tiêu đề của Modules:

.hd { color:#004f83; //Màu của text
font-family:arial,sans-serif; //Font chữ
font-size:20px; //cỡ chữ.
}

2.5 Thay đổi thuộc tính của Nickname:

#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color:#004f83; //Màu cho tên (nick) của bạn.
}

2.6 Thay đổi khung hình Avarta

#ypf-coreid .user-card .user-images {
background-image:url('http://www.helloict.com/images/.. yahoomash/polaroid.png') // đường dẫn đến khung hình.
}

2.7 Thay đổi font cho tên, nơi ở....

#ypf-coreid .user-card .user-info span.age, span.gender, span.locality {
color:#ffffff; //Thay đổi giá trị màu này theo màu của bạn
}

Kết hợp tất cả các thuộc tính này vào một phần duy nhất. Các bạn sẽ có 1 CSS theme cho Mash.

body {
font-family:verdana,sans-serif;
background-image:url('http://www.helloict.com/images/stories/gallery/yahoomash/color_brown_39.jpg');
background-repeat:repeat;
background-color:none;
background-position:top left;
color:#cccccc;
}

.mod {
background-color:none;
background-image:url('http://www.helloict.com/images/stories/gallery/yahoomash/color_brown_39.jpg');
border-style:solid;
border-width:2px;
border-color:#3C6A90;
}

.mod .x1 {
background-color: #fafdff;
opacity: 0.6;
filter:alpha(opacity=60);
display: block;
}

.mod-content {
color:#5c879c;
}

.hd { color:#004f83;
font-family:arial,sans-serif;
font-size:20px;
}

#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color:#004f83;
}

#ypf-coreid .user-card .user-images {
background-image:url('http://www.helloict.com/images/stories/gallery/yahoomash/polaroid.png')
}

#ypf-coreid .user-card .user-info span.age, span.gender, span.locality { //The classes used for age, gender, location
color:#ffffff;
}

Copy tất cả vào mục Advanced CSS >> nút Preview để xem trước. Nếu đã hày lòng với theme của mình, bạn nhấp nút Apply để save lại.

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Yahoo-mash2

Bạn có thể vào đây đê tìm hiểu về CSS: http://www.w3schools.com/css/default.asp

Bên dưới là mã màu HEX tham khảo:

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Hexcolorchart

----------------------------------------------------------------------------------- Vài thủ thuật cho “nhà mới” Yahoo! Mash <table border="0" cellpadding="0" cellspacing="0"> <tr> <td height="10">
</td></tr> <tr> <td> Hướng dẫn cách tạo Yahoo Mash (Toan tap) Images1448085_YMash3

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Images1448085_YMash3

Cách
đây vài tháng Yahoo! Mash có thể còn quá mới lạ với cộng đồng blogger
nhưng giờ đây Mash đã trở nên khá quen thuộc đối với phần lớn các bạn
trẻ. Sau đây là một số thủ thuật thú vị để bạn có thể dễ dàng làm quen
với "ngôi nhà mới" của mình. </td></tr> <tr> <td>
</td></tr> <tr> <td height="5">
</td></tr> <tr> <td> 1. Thay đổi Pet’s mood (tâm trạng của con vật yêu của bạn)
<table align="right" cellpadding="3" cellspacing="0"> <tr> <td>[size=9] Hướng dẫn cách tạo Yahoo Mash (Toan tap) Images1448083_YMash-mood

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Images1448083_YMash-mood

</td></tr> <tr> <td align="middle">
</td></tr></table>Để thay đổi Pet’s mood bạn chỉ cần thực hiện một số thao tác đơn giản như sau:
Bạn click vào phần change name, thay vì điền tên của bạn, bạn có thể thay thế bằng một đoạn mã như sau :

banana:mood=number (bạn thay phần number bằng bất kỳ một con số từ 1-60 )
VD: banana:mood=0

Bây
giờ bạn quay về profile của bạn, lúc này mục Flickr RSS sẽ xuất hiện và
bạn chỉ cần dán địa chỉ RSS của account Flickr (tài khoản Flickr) của
bạn và click save để hoàn tất.
2. Thay đổi Pet’s image (hình vật yêu của bạn):
Để thay đổi Pet’s image thì bạn cũng làm như thao tác trên chỉ thay đổi đoạn mã, đoạn mã thay thế như sau:
banana:img.happy=link_hình_ảnh_thú_yêu_của_bạn
banana:img.content=link_hình_ảnh_thú_yêu_của_bạn
banana:img.meh=link_hình_ảnh_thú_yêu_của_bạn
banana:img.sad=link_hình_ảnh_thú_yêu_của_bạn
banana:img.dejected=link_ảnh_thú_yêu_của_bạn
banana:img.dead=link_hình_ảnh_thú_yêu_của_bạn
VD: Bạn muốn thay đổi hình thể hiện tâm trạng buồn của con cún của bạn làm như sau:

banana:img.sad=http://farm2.static.flickr.com/cuncon.gif
Lưu ý: nên lựa chọn hình ảnh có kích cỡ 185 pixels và link phải còn tồn tại trên website.
3. Liên kết hình ảnh lên Mash từ Flickr
<table align="left" cellpadding="3" cellspacing="0"> <tr> <td>

Hướng dẫn cách tạo Yahoo Mash (Toan tap) Images1448085_YMash2

</td></tr> <tr> <td align="middle">
</td></tr></table>Bên
dưới profile của bạn có phần customize this page by adding cool stuff.
Bạn chọn Flickr RSS để thêm vào profile của bạn chức năng này.

Bây
giờ bạn quay về profile của bạn, lúc này mục Flickr RSS sẽ xuất hiện và
bạn chỉ cần dán địa chỉ RSS của account Flickr (tài khoản Flickr) của
bạn và click save để hoàn tất.

Nếu như bạn chưa có account Flickr thì bạn có thể vào đây để tạo một account: http://www.flickr.com/
Sau
khi tạo xong tài khoản bạn upload hình ảnh của mình và nếu muốn trên
Mash của bạn xuất hiện những hình ảnh này hãy click vào "your photo", ở
phần cuối trang có một biểu tượng màu cam click phải chuột và chọn copy
shortcut (đối với Internet explore) hay copy link location (đối với
firefox), bạn click tổ hợp phím Ctrl+V để dán dòng link bạn vừa copy
vào phần Mash như cách giới thiệu ở trên, click save để hoàn tất.
4. Sau đây là một số thủ thuật đơn giản với advanced CSS (Chức năng CSS nâng cao) của bạn.
Ở
phần Style this profile bạn chọn chức năng Show advenced CSS để làm
việc với chức năng này ở dạng nâng cao. Ở phần này sẽ xuất hiện một
khung hình chữ nhật trống và bạn có thể điền trực tiếp những đoạn mã
cho profile của bạn trong khung này.
Để tạo một khung hình chủ đạo cho Mash
body {
font-family:Arial,sans-serif; (Bạn có thể thay thế font chữ nào khác)
.grab
{
display:none;
}
body { background: url(link_hình_ảnh) repeat fixed top center; color: snow;
}
Thay đổi font cho tên, nơi ở....
#ypf-coreid .user-card .user-info span.age, span.gender, span.locality

{
color:#fFF0000; (Thay đổi giá trị màu này theo màu của bạn)
}

Thay đổi khung hình Avarta
#ypf-coreid .user-card .user-images
{

background-image:url(link_hình_ảnh)
}
Để loại bỏ Nick name của bạn ra khỏi Blurt
#blurt-inline .nickname
{
display:none;
}
Tránh người khác đọc các Blurt cũ ở trang trước của bạn
#blurt-prev
{
display:none;
}
Thay đổi tiêu đề của Modules
.hd { color:#00000; (Màu của text)
font-family:arial,sans-serif; (Font chữ)
font-size:15px; (cỡ chữ)
background-image:url(link_hình_ảnh)
}
Giúp bạn tránh sự tràn lề khi ai đó post hình kích cỡ lớn trên profile của bạn
.message img
{
max-width:200px;
width:expression(document.body.clientWidth 200? "200px": "auto" );
}
Để
chèn hình vào khung Guestbook của bạn, bạn chỉ việc thay thế đoạn
(link_hình_ảnh) trong đoạn mã bằng bất kì một link hình ảnh khác mà bạn
tìm thấy trên mạng
#guestbook-text
{
width:275px;
height:159px;
opacity:0.9;
filter:alpha(opacity=90);
color:#FFFFFF;
font-weight:900;
background:url(link_hình_ảnh) no-repeat;
}

Cách
thay đổi khung ảnh cho hình của bạn, công việc của bạn cũng tương tự
như trên bạn chỉ việc thay đổi dòng (link_hình_ảnh) trong đoạn mã sau
#ypf-coreid .user-card .user-images
{
background-image:url(link_hình_ảnh);
}

Ở
Mash có chức năng "Grap it" chức năng này cho phép những người khác lấy
những phần như : hình nền, nhạc, Game... trên profile của bạn về
profile của họ, đoạn mã sau đây sẽ ngăn chặn sự lấy cắp
.grab
{
display:none;
}
Khi
hoàn thành nhấn nút Preview để xem trước. Nếu đã hài lòng với theme của
mình, bạn nhấp nút Apply để save lại. </td></tr></table>

[/size]

» Một số CSS Styles và themes cho Yahoo Mash
» Kho chủ đề trang trí blog yahoo 360
» Đưa thêm (chèn) Yahoo Messenger chat vào trên blog
» Thêm một website chia sẽ themes cho blog yahoo 360
» Cách lập Blog Yahoo 360