Skip navigation.

Log in | Sign up

TIPS AND TRICKS

http://www.duyhien.com

Thay đổi giao diện Blog Opera trong 10 phút

Có một trick dành cho những người không thích tốn công. Bạn chỉ cần dùng menu "Save As" của Internet Explorer để lưu toàn bộ Blog mà bạn thích. Sau đó bạn mở file user.css, copy toàn bộ và paste vào phần Enter CSS của menu My Account/ Design/ Change design/ Custom Style Sheet, rồi save với option "Use my custom style sheet together with the current theme". Tuy nhiên, bạn cần phải biết theme gốc của Blog đó (bằng cách xem trong file main.css).

1. Bạn vào phần My Account



2. Nhấn tiếp vào Change Design



3. Chọn tiếp custom style sheet.


4. Tại ô Enter CSS các bạn có thể gõ code hoặc copy paste code CSS vào sau đó đánh dấu chọn vào ô Use my custom style sheet together with the current theme và nhấn Save để kết thúc.



Nhưng chắc bạn không thích copy y chang source code của user khác như vậy phải không? Muốn tạo sự độc đáo cho Blog của mình, trước tiên, bạn cần chuẩn bị một số file hình ảnh và upload vào Opera host, dùng menu My Account/ Files. Bạn cũng cần xác định đường dẫn của những files này để thay vào những files hình ảnh của theme gốc trên Opera.

Sau đó, bạn cần chọn một theme trong số những themes dựng sẵn của Opera. Bạn trở lại trang Blog, và dùng menu "Save As" của Internet Explorer để lưu vào ổ cứng của bạn. Lúc này, trong ổ cứng của bạn sẽ có một file.html và một folder lưu một số hình ảnh và các file.css. Bạn tìm file main.css và mở bằng notepad, wordpad, hoặc Microsoft FrontPage. Bạn cũng cần mở sẵn một trang trắng (untitled của notepad/ wordpad hoặc new page của MS FP). Tất cả những thay đổi của bạn sẽ được lưu trong trang trắng này để sau đó paste vào ô Enter CSS (như đã hướng dẫn ở trên).

Trang trí Blog Opera theo sở thích cá nhânThay đổi background Blog Opera

Comments

maihome 10. September 2006, 06:15

CSS của Cô Lu cực kỳ chuẩn rồi. Cô Lu thử thay option "Use my custom style sheet together with the current theme" bằng option "Use my custom style sheet only" thì trang sẽ load nhanh hơn?

Hiện tại, khi vào trang này, lúc đầu nó hiện lên cái template của Opera, sau đó từ từ chuyển qua giao diện mới này.

danquynh 10. September 2006, 11:27

Cám ơn gia đình papa :happy: Mong gia đình sẽ ghé thăm thường xuyên :smile:

Lu cũng đã thử dùng option đó rồi, nhưng nó không hiển thị đúng như vậy, mà xộc xệch lung tung, mặc dù đã paste toàn bộ code (đã thay đổi) từ file main.css.

Khi Lu truy cập thì không có tình trạng hiện lên cái template của Opera trước :confused: Để đi thử ở máy khác xem sao nhé.

bochetdien 9. December 2006, 11:05

Nhưng opera hỗ trợ hình dạng nào, bữa trước em có upload một cái hình đã crop theo hướng dẫn đuôi ".jpg" nhưng trong "My file" nó chỉ hiện dung lượng của hình, không có tên file, không xoá được luôn. hix hix

danquynh 9. December 2006, 11:09

Opera đôi khi gặp trục trặc :smile: Nếu em không thấy tên file thì sau vài bữa (có khi vài tuần) file đó sẽ tự động mất đi thôi. Trong Photo Album nói rõ, Opera hỗ trợ file hình ảnh có đuôi là jpg và png.

Vyx102 3. January 2007, 10:34

Em thử rùi nhưng sau đó là một màu trắng tinh tươm ,chả có hình ảnh gì cả .

thocon158 4. January 2007, 08:53

chi tien oi em rat thich blog cua chi.va dac biet al em rat thich hinh anh nhung chiec la cua mua thu, tai vi em sinh vao mau thu ma,em rat muon thay doi blog cua minh theo y muon cung nhu co nhung hinh anh dep dac biet la lien quan den mua thu,nhung em lai ko co thoi gian nhieu de lam ,voi lai em cung ko biet lam, em da lam thu nheiu aln nhung ko dc, chi giup em voi?

thocon158 4. January 2007, 08:54

chuc moi nguoi thanh cong!

danquynh 4. January 2007, 14:55

Em Vyx102, em có thể nói rõ hơn được không? Chị không hiểu ý em :frown:

Em thocon158, tất cả những gì chị biết đã nằm trong các hướng dẫn rồi. Em chịu khó đọc kỹ và đọc từ từ nhé. Chị cũng không có nhiều thời gian, nhưng sẽ cố gắng trả lời những thắc mắc của em sau khi đã nghiên cứu kỹ.

Good luck!

Vyx102 5. January 2007, 02:14

Là thế này ,em đã add code css rùi nhưng mà khi dùng "Use my custom style sheet only" thì không có xuất hiện một theme nào cả còn khi dùng "Use my custom style sheet together with the current theme " thì chỉ thấy theme của opera thôi .Không có tí dấu vết gì của theme em đã cài đặt.:frown:

danquynh 5. January 2007, 02:18

Sau khi đã thêm phần đã sửa trong khung enter CSS, em save lại với option "use my custom style sheet together with the current theme", rồi refresh nhé. Nếu không refresh thì không thấy thay đổi gì đâu.

Good luck!

thocon158 6. January 2007, 05:07

cam on chi em se co gang. chuc chi luon vui ve

dieukydieu 10. January 2007, 07:29

Chào chị Quỳnh,

dieukydieu rat muon thay doi giao dien trong blog theo phong cách riêng của em. Nhưng dieukydieu doc bài của chị có đôi chút chưa hiểu, chị giải thích giúp dieukydieu với nhé!
Mình sẽ sữa phần nào và sửa ra ra làm sao trong main.css của dieukydieu

Chờ sự giúp đỡ của chị!

dieu_gian_di 10. January 2007, 07:36

Chị Lu ơi, chị xem giúp em đoạn code này 1 lần nữa nha! Em không biết là em sai cho nào mà giao diện không thay đổi được.

BODY {
padding:0px; FONT-SIZE: 12px; BACKGROUND: #cdcdcd url(http://files.myopera.com/dieu_gian_di/files/spring20-2020070110.jpg)repeat; MARGIN: 0px; COLOR: #111; LINE-HEIGHT: 145%; FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif; TEXT-ALIGN: center
}
#wrap1 {
MARGIN: 0px auto;
}
#wrap2 {
BACKGROUND: none! important;}
#wrap3 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px;

danquynh 11. January 2007, 04:55

Em dieukydieu vui lòng đọc tất cả các posts trong Tag "Thay đổi giao diện Blog Opera" nhé :smile:

Em dieu_gian_di, file hình ảnh không có trên host của em hay sao đó, chị click vào cái url thì "file not found". Em xem lại đã upload được file đó chưa nhé (spring20-2020070110.jpg, mà sao em không đổi tên cho ngắn chút :smile: ).

Pho_NuiCN 14. January 2007, 01:21

Ai do giup minh thay doi giao dien blog voi. Cam on nhieu nha, cach nao dua nhac len blog vay?

danquynh 14. January 2007, 02:41

Bạn muốn hỏi ai vậy? :wink:

dieu_gian_di 15. January 2007, 01:14

Thank you chi,

Em se xem lai xem sao. P:

phamthaihoangchuong 17. January 2007, 09:02

MINH MUON DUA ANH MINH LEN BLOG PHAI LAM SAO

phamthaihoangchuong 17. January 2007, 09:04

LAM SAO CO THE KHOA BLOG MINH KHONG CHO NGUOI KHAC THAY DOI DC

dieu_gian_di 18. January 2007, 02:15

Gui phamthaihoangchuong,

Ban muon dua hinh anh cua ban vao bai viet hay dua vao photo?

dieukydieu 19. January 2007, 03:18

Chị Lu ơi, chị có thể chỉ em cách nào để thu nhỏ file hình ảnh lại với. Em muốn nó hiển thị đầy đủ hình ảnh ở trên banner. Giúp em với, chị nhé!

danquynh 19. January 2007, 03:30

Bạn phamthaihoangchuong, nếu muốn đưa ảnh vào bài viết, thì bạn chọn upload photo khi soạn thảo (ở bên dưới cửa sổ soạn thảo), rồi add vào bài viết. Nếu muốn tạo album thì bạn vào menu photo và tạo album mới (cám ơn dieu_gian_di đã phiên dịch để chị trả lời :love: ). Blog của bạn chỉ có mình bạn mới có thể thay đổi được thôi (bằng cách log in). Còn bạn muốn khóa blog để không ai xem được thì vào Preferences/ Settings và chọn private cho Blog :smile:

Em dieukydieu, chị dùng photoshop để resize. Em vô photoshop chọn menu image/resize, và chỉnh lại thông số (width hoặc height) cho phù hợp với banner của theme mặc định mà em chọn nhé.

dieu_gian_di 19. January 2007, 04:21

Chị Lu ơi, em muốn đặt bottom banner, chị chỉ em thay thế code với!

danquynh 20. January 2007, 11:48

Em xem trong post "Thay đổi background của Blog Opera nhé". Trong file main.css, họ gọi là footer chứ không phải bottom banner :smile:

dieukydieu 25. January 2007, 01:29

em sua phan footer theo huong dan bai viet thay doi background nhung cung 0 ra. chi giup em voi!

danquynh 25. January 2007, 04:22

Em không nói rõ làm sao chị giúp được :frown:

dieu_gian_di 25. January 2007, 04:22

Ố là lá, sao mà tình trạng của dieukydieu giống tình trạng hiện nay của dieu_gian_di quá chừng vậy ta! P: Chị Lu giúp bọn em vứi!

Anonymous 26. January 2007, 02:32

yourdudenguyen writes:

mot ngay moi cho moi nguoi

Anonymous 4. February 2007, 06:52

phamducanh_oh writes:

co ai ko cho em mot cai code anh nen voi

danquynh 20. February 2007, 05:50

Em xem post "Thay đổi background Blog Opera" nhé. Btw, lần sau đọc kỹ rồi hãy đặt câu hỏi nhé :smile:

Ba Đan Quỳnh

ranma194 28. February 2007, 17:07

sao hong duoc gi het ah

danquynh 1. March 2007, 05:52

:confused:

dieukydieu 2. March 2007, 03:32

@rama194: bạn ơi, mình không biết bạn đang nói về điều gì nữa, nói rõ hơn đi. Bạn làm không được cái gì, tại sao, nói ra có thể chị Lu sẽ hướng dẫn và giúp bạn đó. Chị Lu hen! P:

ranma194 2. March 2007, 16:56

thi minh thay doi giong nhu chi dan ben tren nhung ko duoc

Anonymous 4. March 2007, 11:07

Nhoc writes:

chi oi, em ko biet ve CSS ...hix hix...nen ko tao thame rieng dc TT_TT chi giup em voi!
Em cam on chi nha!

danquynh 7. March 2007, 06:26

Em ranma194, muốn thực hiện hướng dẫn này, trước tiên em cần có file user.css của một blog nào đó. Nếu không thể "save as" được, em vào post "Theme dành cho Blog Opera của bé" hoặc "Chỉnh sửa Skin Tết Đinh Hợi" hoặc "Share Skin Valentine",... download file user.css rồi thực hành theo nha. Còn muốn thay đổi những cái khác thì em chịu khó đọc tiếp trong tag "Thay đổi giao diện Blog Opera" nhé :smile:

Nhoc ơi, chị đã hướng dẫn tất cả những gì chị biết rồi, em đọc theo thứ tự từ post "Trang trí Blog Opera theo sở thích cá nhân" nhé. Thật ra, chị cũng không biết nhiều về CSS đâu :o: p:

Em dieukydieu, cám ơn em nhé :love:

LegendOfLove 10. March 2007, 04:15

Chi oi !!!Em may mo mai ma ko biet duoc cai CSS la gi .Em muon tao thame rieng va` dua nhac len blog ma hong duoc ,Chi giup em chut nha ...^_^.Cam on chi nhieu !!!

danquynh 10. March 2007, 06:40

:D Chị cũng không biết CSS là gì đâu P: Chị chỉ biết chút xíu tiếng Anh thôi nên cũng hướng dẫn mọi người theo cách của người không có chuyên môn rồi. Em đọc mới tới post này thì làm sao mà làm được? Chịu khó đọc hết nha em :smile: Hoặc em đặt câu hỏi cụ thể, chứ kêu chị giúp, chị chẳng biết em mắc chỗ nào để giúp được :frown:

LegendOfLove 11. March 2007, 02:01

hi` hi` ....Vay chi co Code font nen nao dep ma that ca tinh thi chi send cho em 1 cai duoc khong ( font nen mau Cam hoac gi d that ca tinh ) Sau do em ADD vao CSS la duoc ha Chi.Hom bua em cung copy 1 cai code cua ai do ADD vao roi cai blog em thanh 2 mau "trang - den". Xau khong the ta? .^_^.

LegendOfLove 11. March 2007, 02:05

BODY {
padding:0px; FONT-SIZE: 12px; BACKGROUND: #cdcdcd url(http://files.myopera.com/dieu_gian_di/files/spring20-2020070110.jpg)repeat; MARGIN: 0px; COLOR: #111; LINE-HEIGHT: 145%; FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif; TEXT-ALIGN: center
}
#wrap1 {
MARGIN: 0px auto;
}
#wrap2 {
BACKGROUND: none! important;}
#wrap3 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px;

Cai Code nay cua ban "Dieu_gian_di" em copy ADD vo thanh "trang- den" ne.. hix hix Hong chiu dau...!!!

danquynh 11. March 2007, 02:59

Em LegendOfLove, chị có một vài themes làm sẵn (tìm links trong post "Trang trí Blog Opera theo sở thích cá nhân" hoặc Archive), em có thể download và paste vào ô Enter CSS. Em muốn đổi màu nền khác thì thay vào các code background. Mà đã xài của người khác rồi còn chê dữ vậy? :devil:

truongviettienth01 11. March 2007, 03:42

Em chẳng hiểu gì cả: Em chẳng biết múi mơ nào mà sơ ra được hết huhuuuuhhuuhuhuh .Những gì chị nói thì em không tìm thấy trong blog của em.
Trước tiên em muốn thay đổi themes blog và giao diện của em và em củng muốn có một phong cách cho mình nữa. Chị danquynh có thể chỉ cho em làm hai cái này được không vậy.
Cái bài này chị viết em hổng có hiểu .chị có thể chỉ thêm cặn kẻ chút về mấy cái themes được không. Và chị vui lòng gửi qua mail cho em nhé. Được như vậy em cảm ơn chị nhiều nhiều.
Mail của em: truongviettien.qn@gmail.com
Cảm ơn chị trước nha/

danquynh 12. March 2007, 03:31

Em truongviettienth01, chị có 2 options, em chọn nhé :wink:

1/ Chị copy toàn bộ các bài viết trong tag "Thay đổi giao diện Blog Opera" rồi paste vào email và gửi cho em để em đọc.

2/ Em tự copy các bài viết trong tag "Thay đổi giao diện Blog Opera" rồi đọc.

Em chọn phương án nào? :D

truongviettienth01 12. March 2007, 14:39

thank chị trước nha
em sẽ đọc bài của chị trước khi nào không hiểu em làm phiền chị chút nhá.

phongtuyettan0 19. March 2007, 14:28

minh` cung bi 1 mau` trang tinh hic hic hu hu :frown:

khongngo 22. March 2007, 05:49

chị thúy hiền ơi

bây giờ mà muốn đổi website từ http://my.opera.com/khongngo/blog/ sang 12a6.domain thi lam thế nào hả chị
cám ơn chị trước nhé
rất mong chị chỉ giáo thêm


phong
luonghongphong

khongngo 22. March 2007, 05:54

mà còn câu hỏi nữa (^_^)

em đã hỏi anh pham lam nhưng không thấy hồi âm ":@"
giờ em muốn chèn 1 đoạn java tuyết rơi vào blog thì phải làm sao hả chị em đã thử chèn vao ENTER CSS rùi nhưng không được la sao ấy nhỉ

danquynh 22. March 2007, 06:58

Bạn phongtuyettan0, bạn làm không được chỗ nào thì nói cụ thể nhé. Nếu có thể giúp được thì tôi sẽ cố gắng.

Bạn haiduong_bboy, nếu không có gì để hỏi thì bạn comment vào những post có tính chất thư giãn nhé :wink:

Em khongngo, nếu em đã có tên domain như vậy thì em dùng chức năng forward domain và chỉ tới địa chỉ blog của em. Em xem post "FAQs về Blog Opera" nhé.

Chị nghe Phạm Lâm và Nam Khánh nói rằng Opera không cho phép chèn JS. Tuy nhiên, em có thể thử chèn vào từng entry, nếu mã JS đó chỉ cần chèn vào body của trang HTML. Đối với những mã phải chèn vào phần head thì chắc chắn không chèn được rồi, vì user không thể kiểm soát được các trang HTML mà p:

Ngoài ra, có một cách khác: em làm ảnh động tuyết rơi, và chèn vào làm nền bài viết như hướng dẫn ở post "Trang trí background của Blog Opera" hoặc post "Trang trí bài viết của Blog Opera theo chủ đề".

Cách làm ảnh động thì em vào trang dohoavn.net hoặc vietphotoshop.com để xem, hoặc có thể google animated pictures nhé :smile: Good luck!

PS. Chị tên là Thủy Hiền, và tên riêng thì cần phải được viết hoa :wink:

khongngo 22. March 2007, 07:03

em tên la phong
nhưng làm theo cach của chị thi em thử nhiều lần rồi nhưng không dược mà huhu...

danquynh 22. March 2007, 07:10

Cách nào? nếu em nói cách chèn hình nền bằng ảnh động thì... em gửi tấm ảnh cho chị đi (chị lười làm lắm P: mà cũng không có thời gian P: ), chị test cho :smile:

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.

November 2009
S M T W T F S
October 2009December 2009
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30