Opera Blog WebSite part 1

Chia sẻ: Dasdsadqwe Dsadasdsadsa | Ngày: | Loại File: PDF | Số trang:6

0
45
lượt xem
4
download

Opera Blog WebSite part 1

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Thay đổi giao diện Blog Opera May 14th, 2007 at 5:02 am (BLOG) Yahoo 360o Bloggers có hẳn một kho themes tại http://360themes.com

Chủ đề:
Lưu

Nội dung Text: Opera Blog WebSite part 1

  1. BLOG OPERA : Đăng Ký Tạo BLOG Opera : http://my.opera.com/community/signup/ Tự tạo blog Opera Đây là bài viết của bác Zeroman_ltk sưu tầm về cách làm blog Opera rất hay. Bài 01: Ưu điểm của blog Opera Bài 02: Cái nhìn tổng quan Bài 03: Các tính năng chính Bài 04: Bảng thăm dò ý kiến Bài 05: Chỉnh sửa các tùy chọn Bài 06: Điều chỉnh thông tin cá nhân Bài 07: Khung soạn thảo Bài 08: Tạo album ảnh Bài 09: Quản lý album ảnh Bài 10: Tạo & quản lý forum Bài 11: Thay đổi giao diện Bài 12: Thay đổi background Bài 13: Thay đổi banner Bài 14: Vấn đề tiếng Việt Bài 15: Thay đổi bố cục Bài 16: Trang trí lại slidewrap Bài 17: Chèn Yahoo! Emoticons Bài 18: Bố trí theo chủ đề Bài 19: Vấn đề thường gặp (Sưu Tầm) Thay đổi giao diện Blog Opera May 14th, 2007 at 5:02 am (BLOG) Yahoo 360o Bloggers có hẳn một kho themes tại http://360themes.com Tại sao Opera Bloggers không take advantage of nguồn tài nguyên đó nhỉ? Tôi sẽ giúp bạn một mẹo nhỏ để biến theme Yahoo thành Skin Opera Trước tiên, bạn download file user.css và hình nền của Yahoo 360o (thường có hai files: top và bottom). Bạn cũng cần tạo thêm một số hình ảnh để làm nền cho sidebox. Tôi thường dùng Gradient Tool trong photoshop để tạo. Bạn cũng có thể sử dụng Brush để làm cho đẹp hơn. Bạn nên lấy mã màu trong link download hình
  2. nền Yahoo để tạo hình ảnh cho cùng tone. Bạn hãy upload tất cả hình ảnh này vào host của bạn (My Account/ Files). Kế tiếp, bạn mở file user.css bằng notepad, và tìm đoạn mã sau: body { background:transparent url(http://files.myopera.com/danquynh/color/bg.jpg) top center repeat-x; margin:0; padding:0; font-family: arial,’trebuchet ms’,helvetica,sans-serif; font-size:13px; line-height:145%; text-align:center; color:#111; } #wrap1 { padding-top: 20px; BACKGROUND: url(http://files.myopera.com/danquynh/color/wrap1a.jpg) top center no-repeat; } #wrap2 { BACKGROUND: url(http://files.myopera.com/danquynh/color/wrap2.jpg) bottom center no-repeat; } #wrap3 { background:transparent; border:#0089fd double; margin:0 auto; width:758px !important; padding-left:10px; padding-right:10px; padding-bottom:100px; } #topbar1 { background:#c0e6ff url(http://files.myopera.com/danquynh/color/topbar.jpg) top center no-repeat;
  3. color:#0089fd; height:32px; overflow:hidden; line-height:24px; } Bạn hãy nhìn vào ảnh minh họa cho Skin Opera: - Body là nền chính của trang blog. Tôi dùng Gradient Tool để tạo một ảnh nền có màu xanh nhạt dần đến trắng. - Wrap1 là phần hiển thị banner. - Wrap2 là phần hiển thị footer. - Wrap3 là phần hiển thị toàn bộ nội dung của trang blog (trong khung). - Topbar1 là phần hiển thị menu log in (Opera Powered). Bạn hãy thay đường dẫn cho các hình ảnh (phần in đậm) trong đoạn mã trên lần lượt wrap1 là top và wrap2 là bottom của theme Yahoo mà bạn có. Nếu bạn không thích hình ảnh tràn ra ngoài khung thì trước khi upload, bạn resize sao cho chiều ngang (width) của ảnh là 778px. Hình nền của body và topbar1 thì bạn có thể tự tạo, hoặc chỉ cần lấy mã màu của theme Yahoo và điều chỉnh mã background, ví dụ: body { background:#ffffff; margin:0; padding:0; font-family: arial,’trebuchet ms’,helvetica,sans-serif; font-size:13px; line-height:145%; text-align:center; color:#111; } Trong đoạn mã trên tôi dùng màu nền là màu trắng. Bạn thay bằng màu phù hợp với hình nền của theme Yahoo. Bạn có thể dùng tên màu bằng tiếng Anh hoặc mã màu.
  4. Nếu bạn không thích đường viền bao quanh trang blog, bạn có thể bỏ đoạn mã border (in đậm) trong wrap3. Sau đó, bạn thay hình ảnh cho các sidebox, hình nền cho tiêu đề bài viết,… bằng những hình ảnh mà bạn tạo cho phù hợp với theme Yahoo. Bạn vui lòng xem post Thay đổi background Blog Opera và Trang trí lại sidewrap của Blog Opera để tìm những đoạn mã thích hợp để chỉnh sửa, kể cả màu chữ, màu link,… Cuối cùng, bạn paste toàn bộ nội dung đã chỉnh sửa vào ô Enter CSS (xem thêm post Thay đổi giao diện Blog Opera trong 10 phút) và save với option “only use my custom style sheet”. Hãy cùng tạo ra nhiều skins đẹp và chia sẻ cho mọi người nhé! Chúc bạn thành công! http://my.opera.com/danquynh/blog/index.dml/tag/Thay%20%C4%91%E1%BB% 95i%20giao%20di%E1%BB%87n%20Blog%20Opera http://my.opera.com/danquynh/blog/show.dml/820631 May 12th, 2007 at 3:32 pm (BLOG) Hiện nay phong trào phố-rùm (forum) đang lắng dịu, thay vào đó là “nhà nhà làm blog, người người làm blog”. Blog free trên internet rất nhiều, có thể kể đến là: Blogger, Wordpress, Yahoo 360, Opera, v.v… Nhưng phổ biến hơn cả (vietnamese community) là Yahoo 360 và Opera Blog (OB). Bài viết này sẽ đưa ra vài đánh giá về 2 “ông trùm” này. Vs 1. Đánh giá chung Nhìn chung, xét về tính phổ biến thì Y!360 vượt trội hơn Opera, đơn giản Y!Mail phổ biến hơn Opera mail. Tuy nhiên không vì thế mà cộng đồng OB thất thế. Hầu hết người châu Á, đặc biệt là Trung Quốc sử dụng OB rất đông và cộng đồng OB Vietnamese cũng không ngoại lệ. Y!360 có lợi thế cạnh tranh về số lượng user là mọi người đã có sẵn account Y!Mail, hơn nữa tâm lý người làm blog bao giờ cũng thích blog của mình được nhiều bạn bè biết đến (thể hiện cái tôi).
  5. Xét về tính tiện lợi bao gồm tính tương tác với người sử dụng, giao diện, chức năng quản lý, v.v… OB lại hơn hẳn Y!360. Việc đăng ký sử dụng OB khá đơn giản, chỉ cần khai báo vài thông tin cần thiết như là username, password, email là bạn có ngay 1 OB với đầy đủ các tính năng Forums, Blogs, Photo albums, Group, Rating and Reviewing… đặc biệt với dung lượng 300MB hấp dẫn cho phép bạn lưu trữ hình ảnh, file cần thiết. Trái ngược hẳn với OB, để đăng ký được 1 Y!360 bạn phải trải qua khá nhiều bước, phải đăng ký 1 tài khoản Y!Mail bằng cách điền tùm lum thông tin. Tóm lại điều này rất bất tiện và gây cảm giác khó chịu với user . Xét về yếu tố thẩm mỹ, Y!360 lại thua đứt đuôi con nòng nọc . Các bạn dùng Y!Mail cũng biết rồi đấy, quảng cáo lung tung trên màn hình. Y!360 cũng chả kém mấy, tấc đất tấc vàng, tranh thủ từng mili-centimet một. Ngay trong phần quản trị blog nó cũng chả tha, add mấy cái advs vớ vẩn vào nhìn rối mắt bỏ xừ. Còn OB ư, chỉ có 1 logo bé xíu xiu nằm cuối cùng trên sidebar ở bên phải và OB Community ở dưới chân. Ngoài ra chả có 1 quảng cáo nào hết. Nếu thích chúng ta vẫn có thể loại bỏ quảng cáo này được. Yếu tố này làm cho OB sáng sủa và trông dễ nhìn hơn, đỡ bị rối mắt. Về mặt tính năng + tương tác với user. Yếu tố này cũng 1 phần do tính thẫm mỹ mang lại. Y!360 thua đứt đuôi ở phần trên nên không có lý do gì vượt trội ở phần này. Cả hai dịch vụ Blog (Y!360 và OB) đều có những tính năng chung cơ bản của 1 blog như: post bài, avatar, chỉnh sửa theme, Ignore user, calendar, album, v.v… OB lại có nhiều tính năng cho phép user thoải mái customize theo ý mình, không có cảm giác gò bó như bên Y!360. (Sẽ đề cập chi tiết ở phần sau). Tiếp theo chúng ta sẽ đi đánh giá từng tính năng chi tiết của Y!360 và OB 2. Post bài Y!360 có ưu điểm nhúng bộ WYSIWYG editor vào tính năng post bài, giúp cho blogger có thể dễ dàng chỉnh sửa bài viết và trực quan hơn rất nhiều so với việc sử dụng BBcode của OB (phải nhấn Preview xem trước bài viết). Tuy nhiên, để hiển thị đúng tiếng Việt Unicode trên Y!360 bạn phải sử dụng trình duyệt IE7 hay Firefox, Mozilla. Có thể nói đây là 1 nhược điểm lớn của Y!360. Điều này khiến cho cư dân mạng Trung Quốc hay 1 số quốc gia khác sử dụng font Unicode ít sử dụng Y!360. Để có thể type được tiếng Việt Unicode trên Y!360 mà không bị lỗi, tốt nhất bạn nên sử dụng trình duyệt Firefox và chỉnh font mặc định của bài viết về font Unicode như Arial, Times, Verdana. Đương nhiên OB support Unicode rất tốt, tiếng gì cũng chơi cả, từ Anh, Pháp, Đức, Nga, Việt, Trung, Iran… gì cũng support ráo .
  6.  
Đồng bộ tài khoản