Chỉnh sửa tùy chọn của Blog Opera

Trang chỉnh sửa tùy chọn (Blog settings) cho phép bạn thay đổi lại những bố trí mặc định, ví dụ số lượng bài viết trên một trang, xác định đối tượng truy cập blog của bạn,... hoặc giúp cho người khác tìm kiếm blog của bạn dễ dàng hơn.

Bạn có thể chỉnh sửa những thông tin sau đây:



1. Blog Title (Tiêu đề của Blog}: nếu bạn chưa biết chọn tiêu đề gì thì bạn có thể bỏ trống và ghi sau cũng được. Khi bạn log in, bạn sẽ thấy link để bạn chỉnh sửa tiêu đề như ảnh sau:



Tôi làm tiêu đề trên ảnh của banner vì những font chữ mặc định của Opera không được phong phú lắm. Bạn có thể tham khảo blog của Phạm Lâm để hình dung được tiêu đề sẽ hiển thị như thế nào trên blog.

2. Blog Subtitle (Phụ đề của Blog): tương tự tiêu đề, nhằm giới thiệu nội dung của Blog.

3. Description (Mô tả): giới thiệu sơ lược về Blog của bạn.

4. Number of posts per page (Số lượng bài viết trên mỗi trang blog): nếu bạn làm blog chủ yếu để post nhạc hoặc ảnh, tôi nghĩ bạn nên để dưới 5 bài một trang nếu bạn không muốn làm nhụt nhí những người ở Việt Nam truy cập vào blog của bạn

5. Access Settings (Xác định quyền truy cập blog): bạn có thể cho phép mọi người được xem (yes) hoặc không xem (no) blog của bạn; hoặc bạn cũng có thể giới hạn cho những người trong danh sách bạn bè (friends only) mà thôi. Tương tự bạn cũng có thể cho phép hoặc không cho phép viết comment trong blog của bạn nữa.

6. Allow anonymous comments (Cho phép những người không có username ở Opera được phép comment): Tôi sử dụng lựa chọn này vì bạn bè tôi nhiều người không thích làm blog, chỉ thích đọc thôi. Tuy nhiên, việc cho phép những người không tên tuổi comment cũng đôi khi đem lại bực mình cho tôi. Vì trên đời này ai cũng có đồng minh và kẻ thù mà

Trong trường hợp bạn không log in khi comment, Opera sẽ yêu cầu bạn gõ dãy số nhận diện. Việc này có thể làm cho nhiều người cảm thấy phiền toái, nhưng thật ra đó là cách duy nhất để hạn chế spam.

7. Trackback: cho phép hiển thị hoặc không hiển thị các bài viết mà bạn đã đọc.

Send me email when comments are added (Gửi email khi có người comment): tôi không sử dụng lựa chọn này vì tôi sẽ được thông báo nếu check vào ô "Notify me if someone replies to this post" trong cửa sổ soạn thảo bài viết. Xem chi tiết.

8. Enable MMS blogging (Cho phép sử dụng blog bằng các dịch vụ nhắn tin đa phương tiện): tôi không chắc lắm, nhưng trong phần giới thiệu tổng quát về Blog Opera, họ có đề cập tới việc viết blog trên các phương tiện di động (mobile blogging). Chắc là bạn có thể sử dụng điện thoại di động để viết blog nếu bạn check vào lựa chọn này

Attempt to remove operator signature: nội dung này thì tôi hoàn toàn không... mò ra

9. Blog Language (ngôn ngữ của blog): bạn có thể lựa chọn một trong tất cả ngôn ngữ trên thế giới

10. Tags (chủ đề của blog): xác định chủ đề chính cho blog của bạn giúp người khác dễ dàng tìm kiếm blog của bạn hơn.

Chỉnh sửa thông tin cá nhân trên Blog Opera

Trang chỉnh sửa thông tin cá nhân (Edit profile) cho phép bạn xác định những thông tin sẽ được hiển thị ở mục About trong blog của bạn. Những thông tin này giúp người đọc blog biết về bạn và các sở thích của bạn để họ quyết định kết bạn với bạn hay không. Nếu bạn không thấy link này ở top menu thì bạn có thể xem bằng cách click vào chữ "More" ở sidebar.

1. Photo: Bạn có thể upload một hình ảnh để đại diện cho blog của bạn trên Opera Community. Ảnh này có thể hiển thị ở sidebar nếu bạn check vào ô "Show photo in blog sidebar". Kích thước tối đa cho ảnh này là 320x240px hoặc 64KB.

2. Avatar: Ảnh logo hiển thị cạnh username của bạn ở bất cứ bài viết, comment nào của bạn trên Opera Community. Kích thước tối đa cho ảnh này là 50x50px. Lưu ý, khi comment bạn phải ở chế độ log in thì ảnh và username của bạn mới hiển thị.

3. Personal: Những thông tin cá nhân như tên, ngày sinh, giới tính, nơi sinh sống, nghề nghiệp, trang chủ, địa chỉ email.

4. Instant Messaging: Các nick để nhắn tin, ví dụ ICQ, Yahoo, AOL,...

5. Privacy: Bảo mật thông tin về email và tình trạng on line của bạn, có hai lựa chọn có (yes) hoặc không (no).

6. Community Messaging: Cho phép lựa chọn nhận tin nhắn từ tất cả mọi người hoặc bạn bè và người quản lý diễn đàn.

7. RDF: Mục này tôi google rồi, nhưng không có chuyên môn nên không giải thích được

8. Time zone: Xác định múi giờ và ngày bắt đầu một tuần.

9. Languages: Lựa chọn ngôn ngữ chính và một ngôn ngữ khác.

10. About me: Giới thiệu về bạn. Opera cho phép sử dụng mã HTML và BBCode trong phần này nên bạn có thể dùng để link qua một trang khác.

11. My work: Giới thiệu về công việc (bạn cũng có thể sử dụng HTML và BBCode).

12. Why I choose the Opera Browser: Nêu lý do vì sao bạn lựa chọn sử dụng trình duyệt Opera. Tôi thậm chí chưa bao giờ nhìn thấy giao diện của trình duyệt này Nếu bạn có lý do hay và muốn chia sẻ bạn hãy check vào box "Include me on the Why I choose Opera page". Tuy nhiên, lý do của bạn chỉ được hiển thị sau khi được duyệt.

13. Fast facts: Nêu một số sở thích của bạn, ví dụ âm nhạc, phim ảnh, phần mềm,...

14. Quote: Một câu mà bạn thích. Câu này sẽ xuất hiện cạnh ảnh đại diện của bạn trong danh sách bạn của các bloggers khác khi họ thêm bạn vào danh sách bạn.

Khung soạn thảo của Blog Opera

Để soạn thảo hoặc chỉnh sửa bài viết, bạn click vào link "add new post" (phía trên bài viết đầu tiên của mỗi trang) hoặc "edit post" (phía dưới mỗi bài viết) sau khi log in vào blog của bạn.


Nếu bạn không thấy cửa sổ soạn thảo bao gồm những nội dung sau thì bạn hãy click vào link "show advanced options", màu xanh, nằm phía tay phải trên cùng của cửa sổ soạn thảo.



1. Title: Tiêu đề của bài viết.

2. Post URL: Địa chỉ cho hyperlink của bài viết. Bạn có thể để trống hoặc tự đặt tên cho ngắn gọn (bao gồm các ký tự là chữ cái, số hoặc dấu gạch ngang - ). Nếu bạn muốn ghi cả ngày tháng trong địa chỉ này thì bạn tick vào ô "include the date in URL".

3. Post Intro: Phần giới thiệu bài viết. Nếu bạn viết bất kỳ nội dung nào trong ô này, trang blog của bạn sẽ chỉ hiển thị phần nội dung này khi có ai truy cập. Tất cả nội dung còn lại sẽ được hiển thị khi người đọc click vào link "Read more...". Như vậy, phần này còn có tác dụng làm ngắn gọn trang blog của bạn nữa.

4. Tool bar: Menu này tương tự như trong cửa sổ soạn thảo Word hoặc FrontPage. Tôi sẽ giới thiệu một số biểu tượng không có trong cửa sổ soạn thảo Word.

: trích dẫn một nội dung;

: trích một đoạn mã HTML hoặc BBCode. Do cửa sổ soạn thảo Opera hỗ trợ hai loại mã này, nên nếu bạn muốn giới thiệu một đoạn mã nào đó, ví dụ chèn nhạc, chèn flash,... bạn phải sử dụng thẻ này để đoạn mã hiển thị được trên bài viết;

: chèn hình ảnh mà bạn đã up vào một host nào đó (lưu ý là chèn địa chỉ URL của hình ảnh);

: chèn hyperlink;

: chèn địa chỉ email;

: gạch bỏ một ký tự, một từ, một đoạn văn,...

: viết ký hiệu mũ cho một từ;

: viết ký hiệu log cho một từ;

: xác định đối tượng được phép đọc một từ, một đoạn nào đó trong một bài viết;

: chèn biểu tượng smilies.


5. Post: Nội dung bài viết.

6. Tags: Quản lý bài viết theo chủ đề. Bạn có thể xác định nhiều tags cho một bài viết, phân cách bằng dấu phẩy. Bạn có thể lựa chọn tags trong list My tags/ Popular Tags ngay phía dưới.

7. Add pictures/ files: thêm hình ảnh hoặc tài liệu vào bài viết. Bạn có thể upload hình mới (Add new picture/file), chèn hình từ album của mình (Photo albums) hoặc chèn hình từ nơi lưu trữ dữ liệu (File archive, tức là những gì bạn đã upload vào Preferences/ My files).

8. Post settings: xác định tùy chọn cho bài viết. Nếu bạn muốn bài viết luôn ở vị trí nhất định trong blog thì bạn tick vào ô "Show this as a sticky post", ví dụ như bài "Xin chào" của tôi. Lưu ý, nếu bạn tick vào nhiều bài viết, thì các bài sticky này sẽ hiển thị theo trật tự ngày tháng, có nghĩa là bài post sau cùng sẽ hiển thị trên cùng. Nếu bạn không muốn sử dụng biểu tượng smilies trong bài viết thì bạn tick vào ô "Disable smilies".

9. Notifications: nếu bạn muốn được thông báo khi có người comment bài viết thì tick vào ô "Notify me if someone replies to this post".

10. Post Access: xác định đối tượng được quyền xem bài viết, tất cả mọi người, những người trong danh sách bạn hoặc cá nhân bạn.

Bạn có thể xem lại bài viết (preview) trước khi lưu (save).

Quản lý Album ảnh trong Blog Opera

Việc quản lý album ảnh trong Blog Opera khá đơn giản. Trước tiên bạn click vào ảnh đại diện của một album bất kỳ.

1. Edit album: chỉnh sửa album. Xem chi tiết. 2. Edit images: chỉnh sửa ảnh. Position: vị trí của ảnh trong album. Name: tên ảnh. Description: phần giải thích này sẽ xuất hiện dưới tấm ảnh khi bạn xem ảnh lớn. Tag: Quản lý ảnh theo chủ đề. Rotate: xoay ảnh trong trường hợp bạn "lỡ" upload một ảnh đứng nhưng lại để nằm ngang Use as coverimage: nếu bạn muốn sử dụng ảnh làm ảnh đại diện cho album trong menu photos thì check vào ô này. Delete: xóa ảnh. Sau khi đã cập nhật thông tin, bạn click vào nút "Save changes" (lưu các thay đổi). 3. Upload images: Tải ảnh lên blog. Bạn có thể upload ảnh có đuôi là jpg hoặc png. Bạn cũng có thể upload một file zip, tuy nhiên, nếu làm cách này, bạn phải chỉnh sửa phần giải thích (description) và chủ đề (tag) sau khi đã upload. Nếu ảnh của bạn có kích thước lớn, bạn nên check vào một trong các ô cho phép resize kích thước ảnh (scale images if larger than). Bước này giúp cho việc upload nhanh hơn và bạn cũng có thể tiết kiệm dung lượng để cho những dữ liệu khác. Sau khi đã hoàn tất việc chỉ đường dẫn cho các files, bạn click vào nút "Upload". 4. Sort images: sắp xếp ảnh. Bạn có thể dùng chuột kéo và thả (drag and drop) ảnh đến vị trí mà bạn thích. Hoặc bạn có thể dùng chức năng liệt kê theo ngày tháng (date), tên theo thứ tự alphabet tăng dần (ascending) hoặc giảm dần (descending). Bạn nhớ click vào nút "Save" khi đã hoàn thành việc sắp xếp. 5. Send E-Card: gửi thiệp điện tử. Trước tiên, bạn click vào một ảnh trong album để xem ảnh lớn. Bạn sẽ thấy nút "Send as E-card" ngay dưới tấm ảnh. Bạn hãy click vào nút đó. Bước 1: Select frame: chọn khung hình. Có rất nhiều khung hình cho bạn lựa chọn, bạn chỉ cần tick vào ô "select" dưới mỗi frame. Bước 2: Write message: viết lời nhắn. Bạn được viết tối đa 500 ký tự cho lời nhắn, tuy nhiên bạn không bắt buộc phải viết nếu bạn không muốn (optional). Nhưng bạn phải ghi tên và địa chỉ email của người nhận (required). Bạn cũng có thể có một bản copy nếu bạn tick vào ô "Send me a copy of the e-card. Sau khi hoàn tất, bạn click vào nút "Preview". Bước 3: Preview: xem lại. Nếu muốn chỉnh sửa, bạn click vào nút "Change text". Ngược lại, bạn có thể click nút "Send". Home

Thêm ảnh gốc từ Photos vào entry của Blog Opera

Cái post này originally named là "Test cho Pandora Pisces (xóa ngay, xin đừng comment, cám ơn!)". Vậy mà cũng có người comment nên thôi để đó luôn Nói vậy thôi, chứ nhờ Pandora comment nên Lu mới hiểu ý em ấy, và đây là cách để thêm ảnh gốc từ Photos vào blog entry cho em nhé

Vào cửa sổ soạn thảo của Opera, chọn "Photo albums"

Scroll up and down để chọn album có chứa tấm ảnh muốn add vào entry. Sau đó chọn tấm ảnh và vị trí hiển thị của tấm ảnh trong entry. Nếu muốn có hyperlink trên tấm ảnh (có nghĩa là khi bạn click vào tấm ảnh trong entry thì sẽ dẫn tới tấm ảnh trong photo album), bạn hãy check vào ô "link to the photo in the album".

Sau khi click vào nút "add image to post", bạn sẽ có đoạn mã sau:

 [IMGCENTER=http://files.myopera.com/danquynh/albums/169176/thumbs/DSCF9098.jpg_thumb.jpg] 

Và ảnh hiển thị là:



Bạn hãy nhìn vào đường dẫn của tấm ảnh trong đoạn mã: http://files.myopera.com/danquynh/albums/169176/thumbs/DSCF9098.jpg_thumb.jpg. Đoạn in đậm trong đường dẫn cho thấy tấm ảnh được chèn vào entry chỉ là tấm ảnh thu nhỏ (thumb) trong album. Muốn có ảnh gốc trong album, bạn hãy xóa đoạn mã in đậm đi.

Đây là kết quả:



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

Shoutbox

Sáng nay vào trang News của Opera Community, tôi mới biết họ cho ra mấy "đồ chơi" mới từ hôm qua lận Tối qua thức cũng khuya, nhưng bận tìm từ điển, nên không để ý Trong những đồ chơi mới của Fred và đồng sự, tôi khoái nhất là shoutbox, để chat trực tiếp, giống như Yahoo 360^o. Hic hic... lại khỏi cần mấy cái tip về tạo chatbox cho blog rồi Thôi... như vậy cũng đỡ nặng cho mấy bài sticky hén?

Để hiển thị shoutbox, bạn vào My Account/ Sidebars and Menus và check vào ô shoutbox. Lưu ý, Opera chỉ cho phép hiển thị 6 messages mới nhất, những messages cũ hơn sẽ tự động bị delete (không lưu trong archive như Yahoo ). Vì vậy, nếu có câu hỏi quan trọng cần được giải đáp, bạn hãy dùng chức năng comment nhé.



Để shoutbox nhìn không bị lệch pha so với cái skin mà bạn mất bao công sức để customize bạn hãy copy đoạn mã sau, chỉnh lại background (nền cho shoutbox) và color (màu chữ), rồi paste vào ô Enter CSS cùng với những đoạn code đã chỉnh sửa của bạn.

/* shoutbox */

#shoutbox li {
background:url(/community/graphics/themes/chat3grey.gif) bottom left no-repeat;
}

#shoutbox p {
background:url(/community/graphics/themes/chat1grey.gif) bottom left no-repeat;
color:#444;
}

#shoutbox blockquote {
background:url(/community/graphics/themes/chat2grey.gif) top left repeat-y;
color:#eee;
}

#shoutbox .me p {
background-image:url(/community/graphics/themes/chat1grey-me.gif);
}

Enjoy!

Theo http://my.opera.com/danquynh

Sắp xếp thứ tự bài viết

Có nhiều người hỏi tôi cách sắp xếp bài viết theo một trật tự mà mình đặt ra; Bố dược sĩ Titi cũng từng hỏi tôi tại sao không làm mới lại ngày tháng của bài sticky, để cho mọi người thấy blog luôn có bài mới Hì hì... tôi cũng không để ý vấn đề này, vì đã có list of latest blog posts rồi mà Hơn nữa, Opera có chức năng watch blog - chỉ cần click vào con mắt trên topbar của một blog mà bạn ưa thích, bạn sẽ được thông báo khi blog đó "xuất bản" bài mới Nếu không muốn theo dõi nữa thì lại click một lần nữa vào con mắt đó để stop watching

Hic hic... lạc đề rồi Trước đây, tôi nghĩ chỉ tạo sticky để một bài nào đó luôn ở đầu trang. Còn các bài khác thì vẫn phải theo thứ tự thời gian post bài. Nhưng mấy bữa nay vì Opera có vấn đề, không truy cập bằng Fire Fox hay Internet Explorer được, tôi phải download Opera Browser. Và nhờ đó phát hiện được có thể chỉnh sửa ngày tháng post bài, mà không làm ảnh hưởng đến các nội dung khác (comments chẳng hạn ) Đáng tiếc là chúng ta chỉ làm được khi view bằng trình duyệt Opera thôi

Khi bạn click vào nút add new post, hoặc edit post, bạn sẽ thấy bên dưới nội dung của bài viết trong Opera editor là mục Post date/time.



Bạn chỉ cần chỉnh lại ngày giờ là bài của bạn sẽ như mới Ví dụ bài "Xin chào" của tôi đã được refresh vào ngày hôm nay rồi đó Với chức năng này, bạn tha hồ sắp xếp bài viết theo thứ tự bạn muốn Mà có vẻ như chẳng cần chức năng sticky nữa nhỉ?

Thêm một lý do nữa để bạn download trình duyệt Opera phải không?

Main CSS

Khi tôi bắt đầu mò mẫm trang trí Blog Opera (tháng 9/2006), cái file main.css rối mù mù Nếu không nhờ những bài viết của Phạm Lâm làm hoa tiêu thì chắc tôi chẳng đi được tới đâu cả, hic hic... Chính vì vậy, trong số những cải tiến của Opera, tôi khoái nhất cấu trúc của main.css - rất rõ ràng và dễ... mò

Tôi viết bài này vì nhiều bạn hỏi quá nhiều câu đi vào chi tiết, nếu không trả lời chi tiết thì chắc các bạn cũng chẳng thể làm được. Mà tôi thì sắp đi làm lại, chắc chắn tôi sẽ không thể trả lời hết những câu hỏi đó. Hic hic... trước khi trả lời tôi phải lấy file.css của bạn về (cả main lẫn user nếu có), test offline rồi mới có đáp án cho bạn. Vì vậy, tôi cũng mong các bạn thông cảm nếu tôi để một câu hỏi nào đó quá lâu mới trả lời. Người có chuyên môn chắc không phải mất công như tôi

Trước hết, để lấy được file css, bạn có thể dùng menu File/ Save as của trình duyệt để lưu toàn bộ trang web vào máy của bạn. Sau đó mở folder vừa save để tìm file có đuôi là css. Tuy nhiên, bạn cũng có thể click chuột phải, chọn "view page source" và tìm các địa chỉ chứa file css, bao gồm (số thứ tự của directory có thể khác nếu bạn chọn theme mặc định khác):

/community/css/users/topbar-2a.css
/community/css/themes/mobile01.css
/community/css/users/101/mobile.css
/community/css/users/101/main.css

Nếu bạn dùng Fire Fox hoặc Opera, bạn có thể truy cập trực tiếp vào các địa chỉ trên (thêm http://my.opera.com vào trước). Nhưng nếu dùng Internet Explorer thì sẽ xuất hiện một cửa sổ để bạn download file này. Hãy nhớ bạn đã download vào folder nào trong máy, rồi tìm đến file đó, click chuột phải và chọn open with notepad.

Các file main.css của các themes mặc định mới của Fred thường có hai dòng địa chỉ trên cùng mà rất ít bạn để ý:

@import url(/community/css/themes/mainstructure1.css);
@import url(/community/css/themes/maincolors1.css);

Đây chính là hai files quy định cấu trúc của tất cả các themes mặc định, còn những đoạn codes hiển thị trong file main.css mà bạn thấy đại diện cho sự khác biệt giữa các themes. Vì vậy, để tìm được tất cả các codes trong các bài hướng dẫn của tôi hoặc Phạm Lâm, bạn cũng cần mở hai files này ra xem.

Bạn truy cập vào địa chỉ của hai files trên (làm tương tự như mở main.css). Trong file mainstructure1.css sẽ có những thành phần như sau:

/* main page structure and size. two columns. */
/* calendar */
/* sidebar */
/* friends in sidebar */
/* recent visits */
/* latest posts */
/* latest comments */
/* blog */
/* comments */
/* tags */
/* links */
/* friends */
/* poll */
/* countdowns */
/* profile */
/* opera */
/* shoutbox */
/* search */

Bạn muốn chỉnh sửa phần nào thì tìm đến phần đó, ví dụ tất cả các code liên quan tới body background, banner, footer,... sẽ nằm trong mục "main page structure"; Muốn chỉnh sửa sidewrap thì vào mục sidebar; muốn chỉnh phần nội dung bài viết thì vào mục "blog"; chỉnh trang About thì vào "profile", trang Friends thì vào "friends"...

File mobile01.css cũng có cấu trúc tương tự và thêm mục Archive, để bạn chỉnh sửa trang Archive.

Các nhu cầu chỉnh sửa cơ bản bao gồm:

1/ Màu nền, hoặc ảnh nền: nằm trong mã background. Bạn muốn thay ở mục nào thì tìm đến mã background ở mục đó. Nếu đã có sẵn thì bạn thay, không có thì bạn có thể thêm vào.

2/ Chữ: nằm trong mã p (paragraph) hoặc h (header), bao gồm:

- color: màu sắc chữ, dùng mã màu hoặc tên bằng tiếng Anh;
- text-align: định vị trí, bao gồm left (trái), center (giữa) và right (phải);
- text-transform: hình thức thể hiện, có thể đổi thành uppercase (chữ in hoa);
- text-decoration: bao gồm none (không trang trí) hoặc underline (gạch chân);
- font-weight: bao gồm normal (bình thường), bold (in đậm);
- font-style: italic (in nghiêng)
- font-size: kích cỡ chữ, tính bằng đơn vị pixel;
- font-family: font chữ.

Tương tự như trên, nếu mã đã có sẵn thì bạn thay đổi, không có thì bạn có thể thêm vào, ví dụ khi bạn không thể viết tiếng Việt trong bài viết, bạn thêm font-family với vài font Unicode vào mã content hoặc post,...

3/ Links: nằm trong mã a (hình như là anchor?), bao gồm:

- link: liên kết khi hiển thị trên trang;
- visited: liên kết đã được xem;
- selected: liên kết đang được xem;
- hover: liên kết khi chuột trỏ vào.

Cách trang trí cũng tương tự như chữ.

4/ Canh lề: nằm trong mã margin (canh lề giữa hai thành phần) và padding (canh lề cho các phần tử của một thành phần trong chính thành phần đó), bao gồm top (lề trên), left (trái), right (phải) và bottom (dưới).

Hy vọng qua bài viết này, các bạn sẽ tự giải quyết được các vấn đề của mình Bạn vui lòng đọc kỹ post "FAQs về Blog Opera" trước khi đặt câu hỏi mới. Xin cám ơn!