Biến theme My Opera thành theme 360
Friday, 5. June 2009, 11:45:06
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
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
WIDGETIZE