[Tut] Chỉnh sửa theme offline cho blogplus

Bước 1:


Các bạn vào blog của mình như bt ,ở đây mình sử dụng trình duyệt web Google Chrome của Google với những người sử dụng IE,fire fox cũng không có sự khác biệt Bạn lưu lại nội dung của blog bằng cách chọn Save page as <đối với IE, file fox thì nó nằm trong thẻ File> rồi chọn nơi bạn muốn chứa file download rồi nhấn Save

Như ở trong hình là neo đã lưu lại ngoài Desktop dưới tên neoblog.tk  ,File save sẽ bao gồm 2 file như hình 

Bước2:

Các bạn mở cái foder vừa save ra sẽ thấy từa lưa hột dưa các loại file, các ảnh thu nhỏ ,nhưng bạn chỉ cần tìm 1 file duy nhất tên là blog_cus.css mở nó ra cũng sẽ thấy nó lòang ngoàng không kém nhưng không cần phải quan tâm tới nó làm gì cứ việc xóa hết nó đi  Thật ra nó có chứa toàn bộ nội dung code CSS của blog mà bạn save <ở đây là blog của chính bạn> có thể xài cách này tương tự để tham khảo code theme của các blog khác bạn thấy đẹp,ở đây tớ nói tham khảo nhé,không dám nói là lấy mà tớ sẽ không đề cập tới cách làm trong bài này .Còn các cậu định làm gì với đám code đó thì tớ chịu .Well sang bước 3

Bước 3:


Các bạn post code css  mình muốn chỉnh sửa cho blog vào lại file blog_cus.css như bt vẫn làmNhưng lưu ý bây giờ ta sẽ tiến hành sửa offline nên code sẽ hơi khác một chút phần link Tớ lấy ví dụ thế này :
Đây là code hình nền blog bt của tớ đang xài nó thế này
Trích:

Body.blog_my, body.guestbook, body.comment_list, body.comment_list, body.blog_my_index,  body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing, body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big, body.photo_upload_pc, body.photo_upload_gallery {background:url( http://files.myopera.com/Neosteam/albums/652207/matrix.jpg) no-repeat top fixed;} BODY.profile_view {background:url( http://files.myopera.com/Neosteam/albums/652207/matrix.jpg) #FFFFFF repeat center top fixed;}

Vẫn code đó bạn thay phần link ảnh đã upload lên hosting bằng link ảnh trong máy tính của chính bạn   ví dụ

E:\Picture\Down load\Dragonica\Artwork_Archer.jpg

Bạn thêm vào phía trước chữ file:\\\ link sẽ thành

file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg

Toàn bộ code theme lúc này sẽ trở thành
Trích:

Body.blog_my, body.guestbook, body.comment_list, body.comment_list, body.blog_my_index, body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing,  body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big, body.photo_upload_pc, body.photo_upload_gallery {background:url( file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg) no-repeat top fixed;} BODY.profile_view {background:url( file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg) #FFFFFF repeat center top fixed;}

Làm tương tự đối với tất cả các code còn lại .Sau đó tiến hành save tất cả code css  vào file blog_cus.css rồi nháy kép vào file còn lại lúc save blog ở đây neo lúc save đặt tên là neoblog.tk 

Bây giờ chỉ việc ngồi ngắm theme mà mình đã sửa ,sau khi ưng ý có thể tiến hành upload các file ảnh liên quan tới theme blog của mình , thay lại các link ảnh trong máy bằng link trên hosting .Copy css đã chỉnh sửa và post lại code css vaò blog .Xong!!!

Lần sau nếu muốn thay đổi theme của blog bạn chỉ cần chỉnh sửa code css trong file blog_cus.css để test thử tất cả từ ảnh nền blog ,ảnh tiêu đề modun, icon tâm trạng,ảnh tạo hiệu ứng ,v..v trước tiến hành thay theme chính thức cho blog của mình


Hi vọng bài tut này có thể giúp được mọi người rút ngắn thời gian chỉnh sửa theme cho blog của mình thông qua chế độ xem offline của các browser như Firefox , IE, Opera ...Ngoài ra nó có thể cho ta tham khảo thêm code css của các blog khác mà tớ đã nói qua trong bài viết này