Làm Khung viền và nền cho Yahoo Mash

Như bài vừa rồi (Làm Background cho Mash), vẫn chưa có gì, tuy nhiên, nhưng bài tiếp sau đây rất tiện cho những người chưa biết gì về CSS.
Bài này nói về cách làm khung viền cho Yahoo Mash.

Nối tiếp đoạn code của background,Các bạn copy code dưới đây vào sau phần body background:

.mod {
background-color:none;
background-image:url(.....................................);
border-style:solid;
border-width:1px;
border-color:#993366;
}


Giải thích:

background-color:none; => Trong phần này,background-color dùng cho màu nền của khung (module) bài viết, các bạn thay chữ none bằng màu mà các bạn thích. Bảng màu sẽ đc link ở phần viết bên dưới.
background-image:url(.............................................);
background-image trong phần này là hình nền cho khung của module bài viết. Các bạn copy link của hình nền cho khung của module vào ......, giống như là link của hình nền background

border-style:solid; => border-style là đường viền quanh khung, solid: ko ngắt đoạn, bạn có thể dùng những kiểu viền như là : none | dotted | dashed | solid | double | groove | ridge | inset | outset . Các bạn muốn biết nó thế nào thì cứ thay lần lượt từng chữ một thì sẽ rõ. Nhưng khi thay từng chữ các bạn nhớ chỉ click vào preview dể xem thôi nhé, khi nào vừa ý thí click "apply".

border-width:1px; => border-width là kích cỡ của đường viền. Nói cách khác, đây là độ dầy của khung viền, các bạn có thể thay 2xp; hoặc 3xp tùy ý. Cứ thay thử con số rồi sẽ biết đúng ko các bạn.
border-color:#ffffff; => border-color là màu của đường viền.


Về màu của CSS các bạn có thể tham khảo tại đây, hoặc dùng từ của màu.
ví dụ:
border-color:red;

Như vậy đường viền sẽ là màu đỏ.
Các bạn chú ý nếu dùng từ thì ko có dấu thăng #, còn dùng mã thì có.

Như vậy trong css của các bạn đã có 2 đoạn code này, 1 là về background, 1 về khung viền và đặc điển của từng Module:

body {
background:url(...............................);
background-position:center center;
background-repeat:repeat;
}
.mod {
background-color:none;
background-image:url(.....................................);
border-style:outset;
border-width:3px;
border-color:#993366;
}

Mai có giờ rảnh viết típ hihihi
Chúc các bạn thành công

Background cho Yahoo Mash

Đây là các trang web giúp các bạn chọn background cho Mash. Các bạn copy link của hình nền đó, rồi coi trong phần CSS của Mash. Các bạn thấy đoạn code này hoặc nếu các bạn chưa có, các bạn copy đoạn code này,

body {
background:url(...............................);
background-position:center center;
background-repeat:repeat;
}

chọn phần Show Asdvance CSS rồi paste vào. Sau đó copy link của hình nền mà trong trang web này hoặc trang này rồi paste vào chỗ Sao Biển để (...............................) rồi click "apply" là đc. các bạn thử làm rùi sẽ bít nó ra sao nhe hihihi. (Các bạn copy đoạn code từ body đến dấu } vào css của bạn, rồi thay thề hình nền.)

Enjoy it!


Chẳng hạn:

background:url(http://mymashstuff.com/mash_backgrounds/red/red006.jpg);

Khi nào có giờ Sao Biển sẽ viết thêm các phần khác cho css của Mash. Sao Biển dự định sẽ viết tất cả các phần để làm mash cho các bạn.

Các Trang webs khác tìm hiểu về CSS

1. Tài Liệu học Mash (Tiếng Việt)
   
2. CSS Tutorial - Table of contents
3. Bảng Màu và hướng dẫn về CSS

CSS cho mash

Nếu các bạn muốn tạo css cho mash yahoo của mình mà vẫn chưa hiểu rõ về css, không sao, dưới đây có một số software để tạo css mà ko cần mất nhìu thời giờ. các bạn chỉ cần chọn theo ý mình là đc.

1. Làm css cho Mash
2. Yahoo MASH
3. Mash layout
   

"Mash CSS Generator là trang web hỗ trợ người sử dụng dịch vụ Yahoo Mash của Yahoo!. Có nhiều bạn yêu thích mash nhưng không biết lập trình CSS để tạo ra và chỉnh sửa giao diện của Y!Mash. Vậy đây là giải pháp đơn giản để các bạn có thể tự tạo cho mình một giao diện đẹp. Đây là version đầu tiên nên sẽ còn nhiều hạn chế, dần dần mình sẽ bổ sung thêm để đáp ứng nhu cầu của các bạn. :) Các bạn thấy chỗ nào chưa vừa ý có thể góp ý với mình qua YM! c90k"

Note: Trong các textbox chọn màu: các bạn click vào textbox đó rồi chọn màu ở bảng màu bên cạnh!
Ex: muốn chọn màu nền ở ô đầu tiên, các bạn click vào ô đó rồi chọn màu theo bảng màu bên
Tương tự với các textbox màu khác.
teenvandon

Giới thiệu về CSS

Để thiết kế theme hay chỉnh sửa lại theme cho blog thì bạn nhất thiết phải biết về CSS. Nhưng nói là biết về CSS thì rộng quá nên bây giờ chúng ta sẽ bắt đầu từ từ tìm hiểu và chinh phục CSS. Để chinh phục thành công một điều gì đó trước tiên bạn cần biết nó là gì đã. Nào, chúng ta hãy bắt đầu.

CSS là gì?

CSS là chữ viết tắt của cụm từ tiếng Anh “Cascading Style Sheet”, là kiểu thiết kế sử dụng nhiều lớp định dạng chồng lên nhau. CSS được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996. Cách đơn giản nhất để hiểu CSS là hãy coi nó như một phần mở rộng của HTML để giúp đơn giản hóa và cải tiến việc thiết kế cho các trang web.

Một tiện ích của CSS là bạn chỉ phải định nghĩa các Style (kiểu dáng, định dạng, v.v..) một lần và các trình duyệt có thể áp dụng các Style này nhiều lần trong một văn bản. Ví dụ: nếu bạn muốn một số Tiêu đề của bài viết trên blog của bạn có nét Chữ đậm và Màu xanh, thì thay vì phải lập lại các giá trị Chữ đậm và Màu xanh này cho từng tiêu đề, bạn chỉ cần định nghĩa Chứ đậm và Màu xanh thành một Style và Style này sẽ được áp dụng cho tất cả các tiêu đề mà bạn muốn.

Ưu điểm của CSS

- CSS có thể tách riêng phần định dạng ra khỏi nội dung một trang web, do đó nó sẽ rất thuận tiện khi bạn muốn thay đổi giao diện của một trang web.

- CSS là một sợi chỉ xuyên suốt trong quá trình thiết kế một website bởi vì nó cho phép nhà thiết kế kiểm soát toàn bộ giao diện, kiểu cách và sự sắp đặt của nhiều trang hay nhiều đối trong một lần định nghĩa. Để thay đổi tổng thể hay nhiều đối tượng có cùng Style, bạn chỉ cần thay đổi Style đó và lập tức tất cả các thành phần áp dụng Style đó sẽ thay đổi theo. Nó giúp bạn tiết kiệm công sức rất nhiều.

- Do định nghĩa các Style có thể được tách riêng ra khỏi nội dung của trang web, chúng được các trình duyệt load một lần và sử dụng cho nhiều lần, do đó nó giúp các trang web nhẹ hơn và chạy nhanh hơn.

Các đặc tính cơ bản của CSS

- CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ, màu sắc). Để cho thuận tiện bạn có thể đặt toàn bộ các thuộc tính của thẻ vào trong một file riêng có phần mở rộng là “.css”, thường người ta hay đặt tên nó là stylesheet.css.

CSS nó phá vỡ giới hạn trong thiết kế Web, bởi chỉ cần một file CSS có thể cho phép bạn quản lí định dạng và layout trên nhiều trang khác nhau. Các nhà phát triển Web có thể định nghĩa sẵn thuộc tính của một số thẻ HTML nào đó và sau đó nó có thể dùng lại trên nhiều trang khác.

- Có thể khai báo CSS bằng nhiều cách khác nhau. Bạn có thể đặt đoạn CSS của bạn phía trong thẻ …, hoặc ghi nó ra một file riêng với phần mở rộng “.css”, ngoài ra bạn còn có thể đặt chúng trong từng thẻ HTML riêng biệt.

Thứ tự xếp lớp

Style nào sẽ được áp dụng khi có nhiều hơn một style được chỉ định cho một thành phần HTML? Tùy vào từng cách đặt khác nhau mà mức độ ưu tiên cho nó cũng khác nhau. Mức độ ưu tiên này tuân theo thứ tự sau:

1. Style nội tuyến - Style đặt trong từng thẻ HTML riêng biệt.

2. Stylet bên trong - Style đặt bên trong cặp thẻ … .

3. Style bên ngoài - Style đặt trong các file riêng có đuôi “.css”.

4. Style theo mặc định của trình duyệt.

- CSS có tính kế thừa và tính kết hợp

Tính kế thừa

Giả sử rằng ở đầu file styleshet.css bạn khai báo cho Body có các thuộc tính sau:

body {

font: Arial, Verdana;

background: #FF6600;

}

Nhưng trong trường hợp bạn muốn khai báo cho các đối tượng nhỏ hơn nằm trong đó như Sidebar:

#sidebar {

with: 300px;

padding: 10px;

font: Tahoma, Verdana;

}

Sau đoạn khai báo này thì Sidebar sẽ có thuộc tính:

#sidebar {

background: #FF6600;

with: 300px;

padding: 10px;

font: Tahoma, Verdana;

}

Như vậy, Sidebar đã kế thừa thuộc tính background của Body, và trong đó thuộc tính font là Tahoma đã đè lên thuộc tính font Arial ở lần khai báo trước.

Tính kết hợp

Có thể định nghĩa nhiều CSS cùng một thuộc tính thay vì phải định nghĩa riêng lẻ từng cái một.

Ví dụ:

h1, h2, h3, h4 {

Font-family: Tahoma, arial;

Color: #D4D4D4;

}

Thay cho việc định nghĩa riêng biệt cho từng cái.

h1{

Font-family: Tahoma, arial;

Color: #D4D4D4;

}

h2 {

Font-family: Tahoma, arial;

Color: #D4D4D4;

}

……………………………

h4 {

Font-family: Tahoma, arial;

Color: #D4D4D4;

}

Phamen

Cú pháp của CSS

Sau khi đã hiểu sơ lược về CSS thì chúng ta cần phải biết cú pháp của CSS để hiểu được các cú pháp trong theme của bạn có nghĩa như thế nào. Hiểu được cú pháp của CSS sẽ là bước đầu tiên giúp bạn làm chủ CSS để có thể tạo theme hay chỉnh sửa theme cho blog theo ý của mình.

1. Cú pháp

Cú pháp của một CSS được tạo nên từ ba phần: Bộ chọn (seclector), Thuộc tính (property) và Giá trị (value). Và được viết theo chuẩn sau:

Bộ chọn {Thuộc tính: Giá trị} - selector {property: value}

- Bộ chọn: thường là các phần tử hay thẻ HTML mà bạn muốn chỉ định như: body, header, content, sidebar, footer, v.v..

- Thuộc tính và Giá trị: Thuộc tính là các tính chất mà bạn muốn chỉ định. Thuộc tính luôn kèm theo giá trị và chúng ngăn cách nhau bởi dấu hai chấm “:”.

Ví dụ:

Body {font: Arial}

Một bộ chọn có thể mang nhiều thuộc tính, và mỗi thuộc tính ngăn cách nhau bởi một dấu chấm phẩy “;”.

Ví dụ:

Body {

font: arial;

color: #D3D4D5;

background: #3EDF42;

}

Nếu Giá trị là một từ dài để chỉ ra một tên nào đó, bạn phải đặt chúng vào trong dấu ngoặc kép.

Ví dụ:

P {font-family: “sans serif”}

2. Nhóm các Bộ chọn lại với nhau

Bạn có thể nhóm các Bộ chọn có cùng Thuộc tính lại với nhau để cho cú pháp ngắn gọn. Các bộ chọn được ngăn cách với nhau bởi dấu phảy “,”.

Ví dụ: Bạn nhóm các thành phần h1, h2, h3, h4 của Header có cùng màu Xanh và font chữ là Tahoma lại với nhau

h1, h2, h3, h4 {

color: blue;

font: tahoma;

}

3. Lời chú thích trong CSS

Bạn có thể thêm lời chú thích cho đoạn mã của bạn, nó sẽ giúp bạn biết đoạn mã đó thực hiện nhiệm vụ gì hoặc có tác dụng gì. Lời chú thích sẽ giúp bạn dễ dàng nhớ lại những gì mình đã viết trước đây. Lời chú thích này sẽ không được các trình duyệt hiển thị.

Một lời chú thích bắt đầu bằng một dấu “/*” và kết thúc bằng một dấu “*/”. Bạn có thể đặt đoạn chú thích vào bất cứ đâu bạn muốn.

Ví dụ:

/* Đây là Sidebar */

#sidebar {

with: 300px;

padding: 10px;

font: Tahoma, Verdana;

}

Hoặc

#sidebar {

/* Đây là Sidebar */

with: 300px;

padding: 10px;

font: Tahoma, Verdana;

}

Hoặc

#sidebar {

with: 300px; /* Độ rộng của Sidebar */

padding: 10px;

font: Tahoma, Verdana;

}

Phamen

CSS cho blogger

Như các bạn đã biết, CSS đang được sử dụng rất rộng rãi để thiết kế giao diện cho các website, các blog. Với sự bùng nổ về blog như hiện nay thì nhu cầu cá nhân hóa một blog để thể hiện cái tôi của mình cho không bị trung với ai là rất lớn. Tuy vậy, không phải ai cũng làm được điều này, đơn giản vì không phải ai cũng biết về CSS và tài liệu về CSS bằng tiếng Việt hiện nay còn khá ít. Đa số những người học CSS đều phải tìm kiếm và đọc các nguồn tài liệu bằng tiếng nước ngoài.

Với mong muốn góp một phần nhỏ bé trong thời đại bùng nổ blog, Phamen xin giới thiệu một vài kiến thức cơ bản về CSS giúp bạn chỉnh sửa và cá nhân hóa giao diện cho blog của mình.

Tài liệu này sẽ mang tới cho bạn một số cơ bản để giúp bạn tạo hay chỉnh sửa lại Layout, Theme cho blog của bạn. Phamen không có tham vọng và cũng không đủ khả năng để giới thiệu toàn bộ các kiến thức về CSS, mà chỉ giám giới thiệu với các bạn những kiến thức căn bản và cần thiết nhất để chỉnh sửa theme hay layout cho một số loại blog sử dụng như: Wordpress, Blogger, Opera, Yahoo! Mash, v.v..

Kiến thức của tôi còn nhỏ bé và cần phải học hỏi từ các bạn rất nhiều. Kính mong các bạn đóng góp ý kiến để tôi hoàn thiện thêm các kiến thức của mình. Phamen luôn chờ mong ý kiến đóng góp của các bạn.

Xin chân thành cảm ơn và chúc các bạn thành công!

Phamen

AdSense giúp Google đánh chỉ mục site tốt hơn?

Đây là một điều tôi tình cờ phát hiện ra khi đặt các block quảng cáo của Google trên blog của mình. Khi tôi mới xây dựng xong blog của mình, tôi đã đặt các block quảng cáo của Google, nhưng sau đó một thời gian tôi đã gỡ bỏ các quảng cáo của Google khỏi blog của mình bởi hai lí do:

Thứ nhất: “Nội dung là Vua - Content is the King”, đây là chiến lược lâu dài tôi áp dụng cho blog của mình. Chính vì thế tôi đã gỡ bỏ các quảng cáo của Google và quyết định phát triển nội dung cho blog và tìm mọi cách để quảng bá cho nó trước khi nghĩ đến việc kiếm tiền từ nó.

Thứ hai: Vì chưa được nhiều người biết đến và traffic còn thấp nên chắc chắn hiệu quả cũng không cao. Trong khoảng gần 1 tháng đặt block quảng cáo của Google, tôi chỉ kiếm được 9USD, mà đa số số tiền đó lại mang về từ giới thiệu người dùng download Firefox và từ thanh công cụ tìm kiếm của Google. Vì hiệu quả không cao, hơn nữa nó còn làm chậm tốc độ load blog của tôi nên tôi đã quyết định gỡ Google AdSense khỏi blog.

Sau khi gỡ bỏ Google AdSense, tôi miệt mài viết và viết và quảng bá blog của mình tại nhiều nơi, nhiều diễn đàn lớn với hi vọng Pagerank của họ sẽ giúp cho Google sẽ ghé thăm blog của tôi thường xuyên và đánh chỉ mục nhiều hơn. Nhưng kết quả lại không như tôi mong đợi.

Đây là các biểu đồ biểu thị mức độ thường xuyên các con Bot của Google ghé thăm để đánh chỉ mục cho blog:

Trước khi gỡ bỏ Google AdSense khỏi blog thì số lượng page trên blog của tôi được Google đánh chỉ mục là nhiều hơn hẳn các bộ máy tìm kiếm khác. Nhưng bây giờ, chính các bộ máy tìm kiếm khác lại đánh chỉ mục cho blog của tôi nhiều hơn, cụ thể các bạn có thể tham khảo kết quả ở 3 bộ máy tìm kiếm lớn trên mạng là Yahoo, Alltheweb và Altavista. Chúng hầu như đã đánh chỉ mục cho mọi ngõ ngách trong blog của tôi.

Còn Google thì sao? Kết quả càng ngày càng tệ đi, không những không ghé thăm thường xuyên như lúc còn đặt quảng cáo, không những không đánh chỉ mục thêm được một page nào cho blog của tôi mà thậm chí càng ngày số trang trong blog của tôi nằm trong index của Google ngày càng ít đi.

Trong quá trình dò tìm hướng phát triển cho blog, tôi đã thử qua và thay đổi nhiều lần Title và nhiều keyword mô tả về blog trong các thẻ meta để mong tìm ra một Title và một số keyword tối ưu hóa nhất cho blog của mình. Tôi nghờ rằng đây là một trong những nguyên nhân làm cho Google mất phương hướng khi index blog của tôi. Vậy còn nguyên nhân nào khác?

Trong khi Google ngày càng giảm mức độ thường xuyên ghé thăm và đánh chỉ mục cho blog thì Yahoo, Alltheweb và Altavista lại ngày càng tăng và hầu như chúng không bỏ qua bất kỳ ngõ ngách nào trên blog của tôi. Chính vì thế tôi nghĩ là còn một nguyên nhân khác khiến cho Google ít ghé thăm blog của tôi, và tôi nghĩ ngay đến nguyên nhân đó là do tôi đã gỡ bỏ Google AdSense khỏi blog.

Tại sao tôi lại đặt giả thiết như vậy?

Thứ nhất: Biểu đồ so sánh cho thấy rõ ràng là Google đã ít ghé thăm blog của tôi thường xuyên hơn sau khi tôi gỡ bỏ AdSense. Đây là sự thực hiển nhiên mà tôi nhìn thấy.

Thứ hai: Các con Bot và AdSense của Google chắc chắn phải có mối quan hệ với nhau. Chắc chắn rằng các từ khóa để hiển thị quảng cáo của AdSense sẽ lấy từ dữ liệu do các con Bot này thu thập được. Không dại gì mà Google lại phát triển hai hệ thống thu thập thông tin khác nhau cho Google Search và Google AdSense vì như thế là rất tốn kém và rất lãng phí. Chắc chắn rằng họ chỉ có một cơ sở dữ liệu để sử dụng chung cho cả Google Search và Google AdSense. Các con Bot sẽ giúp thu thập thông tin về các site để AdSense sử dụng và ngược lại AdSense sẽ giúp các con Bot hoạt động thường xuyên và hiệu quả hơn. Chính vì thế tôi nghĩ gỡ bỏ block quảng cáo của AdSense là một sai lầm.

Thứ ba: Tôi nghĩ rằng Google sẽ quan tâm và chú ý hơn tới các site có đặt quảng cáo của họ. Do lượng website và đặc biệt là blog đang mọc nên như nấm nên việc yêu cầu Google ghé thăm thường xuyên như trước kia là điều không thể. Và thực tế chúng ta thấy là mức độ ghé thăm các sie nhỏ của con Bot Google ngày càng ít và thưa đi. Chúng ta đều thừa nhận rằng Google mang mục đích cộng đồng là rất lớn, nhưng họ cũng phải vì chính họ nữa. Chính vì vậy họ cũng phải chú ý hơn các site có đặt quảng cáo của họ, đó cũng chính là tối ưu hóa lợi nhuận cho họ.

Với những suy luận này, tôi đã đưa ra giả thiết: “Đặt quảng cáo AdSense trên site sẽ giúp Google ghé thăm và đánh chỉ mục cho site thường xuyên hơn và tốt hơn”.

Đây có thể là một phát hiện mới của tôi, nhưng cũng có thể là một kiến thức cũ rích mọi người đã biết từ lâu mà tôi chưa biết. Điều này có thể đúng nhưng cũng có thể là sai, đơn giản vì đó chỉ là giả thiết mang tính cá nhân cho 1 trường hợp mà chưa được nhiều người kiểm chứng. Chính vì vậy tôi rất mong mọi người cùng bạn luận và cho ý kiến về đề tài này.

Và để làm sáng tỏ giả thiết này, tôi lại tiếp tục đặt quảng cáo Google AdSense trên blog của mình để kiểm chứng.

------------------------------------------------------------

Muốn các bộ máy tìm kiếm nhanh chóng biết đến site của mình thì bạn nên submit site của mình để chúng nhanh biết.

Bạn có thể submit vào:
Google: http://www.google.com/addurl/
Yahoo: https://siteexplorer.search.yahoo.com/submit
MSN: http://search.msn.com.sg/docs/submit.aspx
Altavista: http://www.altavista.com/addurl/default

Chỉ cần bằng này thằng mà nó index hết là ung dung được rồi.

1. Vui mừng thông báo với các bạn kết quả đầu tiên sau năm ngày đặt lại AdSense trên blog của mình.

   Năm ngày trước, tức là ngày 5 tháng 10 năm 2007: Mình chỉ có 22 page được nằm trong index của Google.

   Hôm nay là được đúng 5 ngày sau khi mình đặt lại AdSense trên blog, kết quả là mình đã có 86 trang được index trong Google (tính đến 16h00). Các bạn có thể xem tại đây: http://www.google.com.vn/search?hl=vi&q=site%3Aphamen.com&btnG=T%C3%ACm+ki%E1%BA%BFm&meta=

   Với kết quả ban đầu như thế này là khá mỹ mãn. Vẫn còn quá sớm để kết luận về Tác dụng của AdSense đối với việc index của Google, nhưng dù sao đây cũng là một dấu hiệu tốt cho thấy nó có tác dụng.

   Bravo!!!

2. Hi,
   hay wa’
   Cám ơn nhìu. Mình copy các bài của bạn về post bên nhà mình.
   Chắc chắm mình sẽ ghi rõ nguồn.
   Big thanks

   Ah, nhân tiện đây, bà con có bít về Blogger của Google ko?
   hay lắm, mình có thể cho Adsense của mình vào. Vì nó là của google muh.
   Điều thú vị là miễn phí và có ất nhìu chức năng thú vị. Chẳng hạn nếu nói về post Video thì có thể nó còn hơn của Wordpress.

   Đây là Blog của mình, bà con thử xem rùi cùng nghiên cứu nhe
   http://phamho.blogspot.com/

   Mình sẽ post bài của phamen vào đó lun. cùng giới thiệu cho nhau muh hihihi
   

   Big thanks

phamen

Giới thiệu các tính năng của Yahoo!Mash

So sánh giữa Yahoo Mash và Yahoo 360

Về giao diện: giao diện của Y!Mash đẹp mắt và sinh động hơn Y!360 rất nhiều. Nếu bạn có một ít kiến thức về thiết kế web thì bạn hoàn toàn có thể làm một theme rất đẹp với Yahoo! Mash. Yahoo! Mash còn cho phép bạn dùng hình động (hình GIF) để làm cho theme thêm sinh động.

Các Module: Với Yahoo! Mash, bạn có thể thay đổi vị trí các modules theo ý của mình chứ không bị cố định như các modules của Yahoo!360.

Yahoo! Mash có thêm rất nhiều các Module so với Yahoo!360. Ngoài các Module đã có như ở Yahoo!360 trước đây, Mash còn thêm vào hơn 30 Module nữa để bạn lựa chọn cho blog của mình.
Có thể đặt chế độ cho 1 hay nhiều friends có quyền edit trang mash của bạn.

Entry: Một nhược điểm lớn của Mash là chưa có phần viết Entry. Bạn chỉ có thể dùng Feed từ Yahoo!360 để cho các Entry hiện trên Mash. Entry mới của bạn trong Yahoo!360 cũng sẽ xuất hiện trong Mash.

Friend Category: Không có categories cho từng loại friends như trong Yahoo!360. Yahoo!Mash chỉ xếp friends theo dạng Just friends, Best friends và Family.

Group: Không có Group như ở Yahoo! 360

Comment: Khi bạn post comments ở bất kỳ Yahoo!Mash của một người nào đó thì comments đấy sẽ hiện lại trong Mash của bạn.

Do Yahoo!Mash đang trong quá trình thử nghiệm nên có thể có một số tính năng chưa được công bố và họ cũng cần phải có những nhận xét từ phía người dùng để hoàn thiện hơn. Nếu chúng ta chấp nhận dùng thử thì hãy bắt đầu tạo một địa chỉ Yahoo!Mash nào.

Sơ lược về Y!Mash

Để trở thành 1 masher, đầu tiên bạn phải nhận được invitation qua email từ một người đã có tài khoản ở Yahoo!Mash. Sau khi được giới thiệu thì bạn sẽ nhận được một thư mời về email của bạn. Click vào link giới thiệu của Yahoo!Mash trong email và bắt đầu tìm hiểu tiếp nào.

Bạn có thể chọn “Keep it” hay “Creat new” tùy thích.

1. Your profile: đây là nơi bạn viết những thông tin về mình.

- Profile module: Đây là nơi bạn có thể thay Avatar của mình vào. Bạn có thể dùng những Avatar đã có sẵn hoặc upload hình từ máy tính của mình lên để làm Avatar. Những chỗ text khi bạn chỉ chuột vào hiện lên màu vàng là những chỗ có thể edit.

- About me: Nó giống với “About me” của Yahoo!360, tuy vậy nó hay hơn nhiều. Gồm 16 câu tự bạch về bản thân, bạnh có thể click vào từng câu để trả lời cho các câu hỏi đó. Mash cho phép bạn dùng code HTML (font/size chữ, hình, nhạc, clip, flash…) như bạn vẫn thường dùng khi viết entry của Y!360. Ngoài các câu tự bạch có sẵn thì bạn có thể add thêm các câu tự bạch khác.

- 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.

Khi vào Mash của 1 người bất kỳ, để invite người đấy làm friend, bạn click vào “Add … as a friend” trên phần profile module

- Tag: có thể thêm 1 tag rồi click add hoặc nhiều tag (ngăn cách các tag bằng dấu , ). Click dấu - để xóa tag.

- My stuff: click edit, sau đấy có thể thêm text, code HTML (tương tự như viết entry của Y!360)
- Blurt: Cái này giống với Blash của Yahoo!360. Yahoo!Mash chỉ cho phép dùng Text chứ không cho dùng hình ảnh hay code HTML ở đây.

- Guestbook: Cái này giống với quick comment của Yahoo!360, tuy nhiên Guestbook ở Yahoo!Mash hay hơn là có thể sử dụng code HTML giống như viết trên website hay viết Entry ở Yahoo!360.

- Style this profile: Đây là phần cá nhân hóa theme của bạn. Bạn có thể dùng những hình ảnh của riêng mình để làm theme cho Yahoo!Mash. Điểm hay của Yahoo!Mash là không hạn chế dung lượng của ảnh dùng để làm Theme. Bạn có thể chọn hình ở chế độ Title, Center, Top, Bottom tùy ý.

- Module color: phần này để chọn màu nền cho các modules

- Border color: chọn màu đường viền cho các modules

- Font color: chọn màu chữ

- Link color: chọn màu chữ hyperlink

* Nếu như bạn nhỡ chuyển màu lung tung mà không nhớ code màu mặc định thì chỉ cần xóa các code màu đi để trở về mặc định.

* Không phải upload hình cho top và bottom.

* Bạn có thể click vào “Steal” để dùng them của người khác.

* Theme của Yahoo!Mash được định dạng bằng CSS. Do vậy nếu bạn biết về CSS thì có thể thoải mái tung hoàng sáng tạo cho theme của mình.

The Mash pet: nuôi thú ảo trên Yahoo!Mash. Khi edit sẽ hiện ra dòng để bạn paste link hình con thú, chiều ngang, và chều rộng của hình.

- Customize this page by adding cool stuff: thêm vào các modules khác cho trang Y!Mash của bạn.

* Flickr RSS: dùng để thêm feed của Flickr.

* Blog module RSS: để thêm feed của bog Yahoo!360.

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).

* Có thể “mượn tạm” modules của 1 masher bất kỳ bằng cách click Grab it.

* Có thể sắp xếp các modules theo ý bằng cách click chuột vào tên module, và di chuyển đến vị trí bạn muốn.

2. Pulse

Pulse của Yahoo!Mash gần giống như Home Yahoo!360, tuy nhiên nó hay hơn là 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 ai).

3. Friends:

Gồm có All friends/ Best friends/ Family/ Just friends và invite a friend.

Click vào http://mash.yahoo.com/explore.php#requests để xem các invitation pending.

4. Settings: có 5 phần

- Permission: Cho phép ai có thể xem profile/ edit profile/ post trong guesbook của bạn.

- Notifications: thiết lập các tùy chọn cho thông báo.

- Email management: Chọn email để nhận các thông báo từ Yahoo!Mash

- Simple URL: chọn link đơn giản cho Y!Mash của bạn, ví dụ: http://mash.yahoo.com/phamencom

- People I’ve blocked: Những người bạn chặn không cho phép xem hay comment trên blog của bạn.

phamen

Sử dụng tên miền riêng cho blog Wordpress.com

Phamen đã từng giới thiệu với các bạn cách Tạo blog với tên miền riêng sử dụng blog platform của Wordpress.org và Sử dụng tên miền riêng cho blog Blogger.com của Google. Bây giờ, Phamen tiếp tục giới thiệu với các bạn cách Tạo cho blog tại Wordpress.com một tên miền riêng, hay nói cách khác là Sử dụng tên miền riêng cho blog của bạn ở Wordpress.com.

Như các bạn đã biết, Wordpress.com cho phép người dùng đăng ký và sử dụng miễn phí dịch vụ của họ. Những tiện ích mà dịch vụ này mang lại là không thể phủ nhận. Tuy vậy, do là một Hosted blog platform nên không tránh khỏi các hạn chế cố hữu của nó như: bị hạn chế về quyền thay đổi giao diện, thiết kế và sáng tạo, v.v.; và hơn thế nữa là URL của blog luôn mang theo một cái đuôi của nhà cung cấp như: phamen.wordpress.com.

Tuy vậy, Wordpress.com lại cung cấp cho chúng ta một tiện ích là có thể tạo blog trên Wordpress.com và sử dụng tên miền riêng của mình. Thay vì bạn phải sử dụng tên miền dài theo kiểu mặc định của nhà cung cấp như: phamen.wordpress.com thì bây giờ bạn có thể sử dụng một tên miền riêng cho blog của mình, giúp nó dễ nhớ và chuyên nghiệp hơn như: http://www.phamen.com.

Nói đến đây chắc bạn đã hiểu vấn đề tôi muốn nói đến bài viết này là gì. Đó là Thay tên miền miễn phí cho blog Wordpress.com bằng tên miền của mình:

http://phamen.wordpress.com >> http://www.phamen.com

Để làm được điều này, trước tiên bạn phải chuẩn bị các bước sau:

1. Mua một tên miền

Việc mua một tên miền bây giờ là điều quá đơn giản. Với dưới $10/năm, bạn dễ dàng có một tên miền trong top domain như: .com, .net, .info, .org,…

Hoặc các bạn cũng có thể mua các tên miền của Việt nam có dạng domain.vn, domain.com.vn, domain.net.vn, … ngay tại Việt nam.

Bạn cũng có thể dùng một tên miền miễn phí, miễn là nó có Cpanel để giúp bạn chỉ (poitn) tên miền đó tới Wordpress.com.

2. Chỉ (point) tên miền của bạn sang Wordpress.com

Khi tạo một tài khoản blog ở Wordpress.com, bạn sẽ được nhà cung cấp cho “10 credits miễn phí”. Bạn có thể dùng “10 credits” này để dùng vào các việc khác nhau như tăng thêm dung lượng lưu trũ, thêm người dùng, tùy biến CSS của theme theo ý mình; trong có có việc add domain của bạn vào blog Wordpress.com.

Bạn phải point domain của bạn tới Wordpress.com trước khi add domain của bạn vào Wordpress.com bởi vì khi bạn add domain vào Wordpress.com, nó sẽ dò tìm xem tên miền đó đã được chỉ sang host của Wordpress.com hay chưa, nếu chưa tìm được thì nó sẽ báo lỗi. Và nếu sau 3 lần dò tìm không thấy domain thì bạn sẽ hết “10 credits miến phí”. Nếu muốn add tiếp domain thì bạn phải mua “10 credits” khác với giá 10$.

Các thông số Nameserver của Wordpress.com

Ns1.wordpress.com

Ns2.wordpress.com

Ns3.wordpress.com

Sau khi đã chỉ domain của bạn đến Wordpress.com, hãy chờ từ 30 phút đến vài tiếng để đảm bảo cho domain đã được point xong xuôi. Sau đó chúng ta sẽ sang bước tiếp theo.

3. Add domain vào blog Wordpress.com

Đây là việc cuối cùng trong công đoạn này và đây cũng là bước dễ dàng nhất.

Hãy login vào Dashboard của bạn tại Wordpress.com.

Tiếp theo bạn click vào Tab Upgrades > Domains.

Ở đây, bạn sẽ thấy URL miễn phí mà nhà cung cấp cho bạn ở phía dưới, và ở phía trên sẽ có một ô ghi: Add a domain.

Đây chính là cái bạn cần, chỉ cần điền domain của bạn vào đây và click “Add domain to blog”. Chờ một lúc để domain và host của Wordpress.com kết nối với nhau là bạn đã thành công rồi đấy. Sau khi thành công thì domain của bạn sẽ hiển thị ngay phía dưới.

Bây giờ thì bạn có thể thoải mái dùng blog miễn phí tại Wordpress.com với tên miền riêng của mình, và có thể giới thiệu với bạn bè về tên miền mới của mình.

Chúc các bạn thành công!

Chú ý:

Bạn cũng có thể mua tên miền ngay tại Wordpress.com, chi phí cho tên miền mua tại Wordpress.com là $10/năm. Wordpress.com sẽ quản lý hộ cả Domain và host cho bạn. Tuy vậy hạn chế của việc mua tên miền ngay tại Wordpress.com là nó chỉ có thể chạy trên host của Wordpress.com mà không thể dùng ở đâu khác do vậy Phamen khuyên bạn không nên mua domain tại Wordpress.com

phamen