Opera Blog WebSite part 1

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
Nội dung trích xuất từ tài liệu:
Opera Blog WebSite part 1BLOG 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 OperaBài 02: Cái nhìn tổng quanBài 03: Các tính năng chínhBài 04: Bảng thăm dò ý kiếnBài 05: Chỉnh sửa các tùy chọnBài 06: Điều chỉnh thông tin cá nhânBài 07: Khung soạn thảoBài 08: Tạo album ảnhBài 09: Quản lý album ảnhBài 10: Tạo & quản lý forumBài 11: Thay đổi giao diệnBài 12: Thay đổi backgroundBài 13: Thay đổi bannerBài 14: Vấn đề tiếng ViệtBài 15: Thay đổi bố cụcBài 16: Trang trí lại slidewrapBài 17: Chèn Yahoo! EmoticonsBà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 OperaMay 14th, 2007 at 5:02 am (BLOG)Yahoo 360o Bloggers có hẳn một kho themes tại http://360themes.com Tại saoOpera Bloggers không take advantage of nguồn tài nguyên đó nhỉ? Tôi sẽ giúpbạn một mẹo nhỏ để biến theme Yahoo thành Skin OperaTrước tiên, bạn download file user.css và hình nền của Yahoo 360o (thường có haifiles: top và bottom). Bạn cũng cần tạo thêm một số hình ảnh để làm nền chosidebox. 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ìnhnề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àohost 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;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ầnlượt wrap1 là top và wrap2 là bottom của theme Yahoo mà bạn có. Nếu bạn khôngthích hình ảnh tràn ra ngoài khung thì trước khi upload, bạn resize sao cho chiềungang (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ợpvớ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.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ằngnhững hình ảnh mà bạn tạo cho phù hợp với theme Yahoo. Bạn vui lòng xem postThay đổi background Blog Opera và Trang trí lại sidewrap của Blog Opera để tìmnhữ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ạnpaste toàn bộ nội dung đã chỉnh sửa vào ô Enter CSS (xem thêm post Thay đổigiao diện Blog Opera trong 10 phút) và save với option “only use my custom stylesheet”.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%20Operahttp://my.opera.com/danquynh/blog/show.dml/820631May 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àmblog, 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ả (vietnamesecommunity) 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. Vs1. Đánh giá chungNhìn chung, xét về tính phổ biến thì Y!360 vượt trội hơn Opera, đơn giản Y!Mailphổ biến hơn Opera mail. Tuy nhiên không vì thế mà cộng đồng OB thất thế. Hầuhết người châu Á, đặc biệt là Trung Quốc sử dụng OB rất đông và cộng đồng OBVietnamese 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ũngthích blog của mình được nhiều bạn bè biết đến (thể hiện cái tôi).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ứcnăng quản lý, v.v… OB lại hơn hẳn Y!360. Việc đăng ký sử dụng OB khá đơngiả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ạnlưu trữ hình ảnh, file cần thiết. Trái ngược hẳn với OB, để đăng ký được 1 Y!360bạ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ềntù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ùngY!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émmấy, tấc đất tấc vàng, tranh thủ từng mili-centimet một. Ngay ...