Liên (Tú, Đăng's Mummy)

Học trang trí cho blog Opera

Saturday, 13. June 2009, 16:03:47

Biến theme My Opera thành theme 360

Opera vừa ra mắt công cụ để chuyển toàn bộ bài viết từ Yahoo 360 sang MyO nhưng vẫn chưa xuất hiện công cụ nào giống của Yahoo 360 để làm theme cả, chúng ta đang hy vọng trong tương lai gần sẽ có công cụ này để giúp các blogger tự sửa theme thuận tiện và dễ dàng hơn. Để các blogger từ yahoo sang khỏi bỡ ngỡ, phamlam xin giới thiệu một cách biến theme My Opera thành theme 360 cực kỳ đơn giản. Các bạn có thể thấy sau một hồi mày mò nghịch ngợm thì mình có được sản phẩm 1 và sản phẩm 2 theo phong cách theme Yahoo 360. Để có được các sản phẩm tương tự như vậy các bạn thực hiện theo các bước sau.

Giai đoạn 1:

1. Vào My Page (ở trên cùng blog và phải đăng nhập mới thấy)> Design > đánh dấu chọn vào skin Flower Explosion. Mục đích bước này để sidebar trên cùng trải dài toàn màn hình.

2. Ở dòng chữ "Select a design for your page from the list below, or add your own custom style sheet." nhấn vào chữ "custom style sheet" để hiện ra ô Enter Css. Copy và paste đoạn code sau đây vào ô Enter Css.

Do đoạn code khá dài nên bạn nhấn vào link sau đây để tải về hoặc mở ra: Tải về

Tới đây bạn đã thực hiện được 50% công việc, nếu bạn chọn Only use my custom style sheet và save lại thì sẽ được theme xanh như mình đang dùng. Nếu bạn muốn thay đổi hay làm như sau:

Giai đoạn 2:

1. Chọn trong máy tính hoặc trên internet 1 hình ảnh làm banner trên cùng như hình ảnh này chẳng hạn, chọn 1 hình ảnh làm footer phía dưới như hình ảnh này

2. Upload ảnh lên một trang web lưu trữ ảnh, ở đây mình dùng cách upload lên phần Files của MyO. Vào My Page> My File> Nhấn Choose chọn file banner cần up trong máy tính rồi nhấn Upload. Đợi một chút bạn sẽ thấy file đó đã được upload lên thư mục files.

3. Nhấn chuột phải vào tên file chọn Properties hoặc Copy Link Address (nếu bạn dùng trình duyệt Opera) để lấy link của ảnh.

4. Để thay đổi phần ảnh trên cùng thì bạn phải sửa code, cái mà bạn vừa paste vào ô Enter Css. Cụ thể thay trong body link http://files.myopera.com/phamlam/lovetheme3/banner.jpg bằng link ảnh banner của bạn thay link http://files.myopera.com/phamlam/lovetheme3/footer.jpg trong #wrap0 bằng link ảnh footer của bạn. Thay màu nền #29b2e8 thành màu nền phù hợp với ảnh banner và footer. Cuối cùng bạn kéo thanh cuộn xuống dưới ô Enter Css sẽ nhìn thấy 3 lựa chọn để đánh dấu, bạn đánh dấu chọn vào ô Only use my custom style sheet và nhấn nút Save, quay trở lại blog để xem kết quả. Chúc bạn thành công.

Ps: Bạn có thể thay đổi màu chữ bằng cách thay đổi mã màu color:#000; trong .post, thay đổi màu nền của bài viết, comment... Cái này đòi hỏi bạn hiểu biết 1 chút về Css

ĐÂY LÀ BẢNG MÃ MÀU
http://mod-site.net/en/tools/colsel.html?form1-st_tdcap_bgcolor

Bài này cũng đã xin phép Mod trưởng Phạm Lâm rồi.

Bài của Mẹ Tú Đăng trên trang chủ WTT nhân dịp 6 năm thành lậpVì sao tôi xài 360

Comments

mekhaidang # 13. June 2009, 16:07

Em đọc xong em tẩu hỏa nhập ma luôn, ặc

hoatrongvuon # 13. June 2009, 16:09

Chị mới post xong em đọc thì sao hiểu được, phải thực hành, nghiên cứu thêm em à.

mekhaidang # 13. June 2009, 16:13

em chưa kịp nghiên cứu mấy cái cũ của chị, giờ tòi ra cái mới, trời ơi, bao giờ theo kịp chị đây. Nãy giờ lượn lờ mấy bài viết cũ của chị. Thấy thích quá chừng.
Mấy nay mấy tấm hình từ photobucket chưa hết nữa nên coi chữ mà ko thấy hình, cũng buồn, hì hì.

mekhaidang # 13. June 2009, 16:40

Chị, em thử theo cách chị rồi, được rồi nhưng do em ko biết chỉnh màu với ảnh cho phù hợp nên nhìn mắc cười lắm, chị vô blog em coi thử đi

hoatrongvuon # 13. June 2009, 16:46

Phải xài PTS để làm hình mờ chứ nhìn vào của em tách rời nhau quá.

mekhaidang # 13. June 2009, 16:49

thì em mới vọc vẹo ngoáy trong vòng mấy phút với việc thay link mà, hí hí, chứ có làm gì chỉnh sữa đâu chị ơi. Với lại chiều ngang footer hình như cũng phải thay đổi phải ko chị?

hoatrongvuon # 13. June 2009, 16:55

Á vậy là em xóa hết cái CSS cũ của chị rồi phải không?

mekhaidang # 13. June 2009, 16:56

chết, xóa rồi, trời ơi, sao vậy chị? huhuhu

giờ sao hả chị? back lại n1o cũng mất tiêu rồi.

hoatrongvuon # 13. June 2009, 16:57

Vì cái CSS đó là cái trang trí blog màu tím của em. Hình bên photobucket nó bị bandwidth nên không hiện hình, chị tính tối nay save lại hình bên host khác rồi đẩy lại trang trí cho em. Giờ em xóa chị phải làm lại từ đầu.

mekhaidang # 13. June 2009, 17:01

trời ơi, thương chị quá hà. Thôi, khi nào xài lại được và chị rảnh thì làm lại cho em, em xài màu trắng cũng ko sao chị ơi. Ko sao đâu, lúc nào chị thi xong, thiệt rảnh, thiệt khỏe thì làm, chứ giờ chị làm từ đầu thì em

em đúng là

hoatrongvuon # 13. June 2009, 17:02

Thì học hành xong rồi tính đêm nay đưa hình qua host khác và đẩy lên cho em thôi. Ai dè đâu em xóa mất, cái phần làm hình không khó bằng cái phần đổi màu chữ, đổi màu nền, title.....

mekhaidang # 13. June 2009, 17:07

Hic hic.. em đã dốt thì chớ.. đúng là người ta nói " cần cù cộng dốt nát thành phá hoại" là em đúng thiệt. Em cứ tưởng là cứ như vậy mà coppy and past thôi chứ

hoatrongvuon # 13. June 2009, 17:08

Vì chị nghĩ em sẽ không đụng vào CSS nên chị yên tâm không save lại trong máy chị. Thôi không sao đâu, đừng áy náy em nhé.

joeyi1975 # 14. June 2009, 16:22

Chị Liên của em ơi, cứu em với sao cái công cụ chuyển bài viết từ 360 qua MyO em không làm được vậy, em đọc đã hơn mấy chục lần vẫn không làm được chị chỉ giúp em nhé.Cám ơn chị nhiều

hoatrongvuon # 14. June 2009, 19:03

Chị cũng chưa thử nên cũng không biết sao nữa. Để chị thử rồi báo em nhé.

khi~gia` # 15. June 2009, 06:09

Thanks chị nhiều,
nhưng chị có trang nao cho mã màu không? em tim mãi mà chẳng thấy màu nào hợp hoậc tương đương hết.

Cám ơn chị nhiều

hoatrongvuon # 15. June 2009, 06:19

KG: Bảng mã màu chị update rồi đó nhe.

chipmo # 17. June 2009, 03:49

Chị Liên ơi:flirt: , cứu em, e cầu cứu chị trong wtt mà chưa thấy trả lời:
- cái banner của chuyển từ yahoo 360 sang em bị mất đọan trên đầu:no:

- đầu và đuôi blog của e màu hồng, còn thân màu xanh,:cry: huhu. E vào cái ô CSS để sửa thì không thấy cái chỗ nào có màu nền là #29b2e8 để thay màu cả, huhu. E thay màu ở chỗ nào trong css hả chị:sst:

Nangvebenanh # 19. June 2009, 02:00

chị Liên ơi, em thử tập thay đổi banner và footer bằng cách upload ảnh lên my page/my files rồi sửa trong css, em save nhưng ko thấy blog thay đổi gì cả, em làm sai chỗ nào ạ

background:#29b2e8 url(http://files.myopera.com/Nangvebenanh/files/DSC_2924.JPG) center top no-repeat; /* hinh nen phan tren cung */
}
#wrap0 {
background: url(http://files.myopera.com/Nangvebenanh/files/DSC_292428229.JPG) center bottom no-repeat; /* hinh nen phan phan duoi */

Nangvebenanh # 19. June 2009, 08:24

chị ơi, lúc em viết comment trên chị còn đang ngủ, em đọc lại mấy bài cũ của chị và ấn F5 được rồi, em cảm ơn chị nhé, có gì ko biết nữa em lại hỏi nhé.

giobonmua # 29. June 2009, 06:51

Chị ơi, em lỡ tay chuyển yahoo 360 sang 360plus rùi, làm sao chuyển tiếp đc sang MOP đây ạ??? Bi h em mới biết tin này.
(Mà chị còn nhớ e không đấy? E mới đi vắng có... 6 tháng thui ạ

)

hoatrongvuon # 29. June 2009, 15:12

chipmo: Chị sửa cho em rồi nhé.

giobonmua: Bài bên 360 còn nguyên hay mất bớt chữ rồi, nếu còn nguyên thì cứ chuyển qua đây thôi em à.

joeyi1975 # 1. July 2009, 11:09

chi Lien oi cuu em voi sao em chuyen du lieu tu 360 qua khong duoc vay, chi chi giup em voi,cam on chi nhieu nhieu

hoatrongvuon # 1. July 2009, 19:38

Cố gắng làm lại đi em nhe.

nhidat # 5. August 2009, 04:12

chị ơi,help dùm em,cái thanh ở phía trên nó che mất cái chữ của em,giờ phải làm sao?giúp em với,cảm ơn chị nhiều.
vào đây coi dùm em

vuthanhthanh # 24. November 2009, 08:43

Em chào chị! ngưỡng mộ chị nhiều nhiều. Em đọc tới đâu thì thử làm tới đó nhưng sai tùm lum hết trơn. Nhờ chị mà em biết thêm chút ít. Em cũng đang làm lại banner và footer nhưng chẳng ra gì hết.. Em xin phép kết bạn với chị nhe!