http://d3.violet.vn/uploads/previews/blog/4779/back002lvb.gif Sửa xong,úp ảnh lên Violet, lấy link về thay đoạn mã trên và lưu lại đặt tên tập tin "a..." có đuôi .txt.Link 2 cũng làm tươ[r]
(1)Tạo giao diện cho blog mang tên mình Tạo giao diện cho blog mang tên mình Tôi viết bài này không ngoài mục đích làm tư liệu cho mình tạo giao diện Blog.Bỡi ví có quá nhiều thầy cô giỏi vi tính, có trình độ Tin học ngôn ngữ lập trình Tài liệu tôi viết dựa vào tài liệu quý thầy : Kim Tường, Quốc Thư, Vân Phong, Hải Bằng Giao diện trang "Những nhịp cầu tri thức" đươc làm sau: I.CHUẨN BỊ: 1) Bạn cần có tài khoản cần thiết (miễn phí): + Tài khoản gửi liệu (mọi liệu): Tạo miễn phí trên trang www.mediafire.com + Tài khoản gửi liệu ảnh: Tạo miễn phí trên trang www.photobucket.com (2) + Tài khoản Hosting: Tạo miễn phí trên trang www.webng.com www.110MB.com www.opendriver.com Mình tạo Hosting trang này:http://www.jabry.net/cpanel/login.asp Khi tạo tài khoản trang này, nhớ dùng Google Chrome vì có dịch tiếng Việt (Xem đây) 2) Bạn cần có công cụ tạo hiệu ứng cho blog: Các công cụ này bạn có thể tải theo đường link mục “Giới thiệu phần mềm” trên blog: Violet.vn/dangquocthu + Phần mềm chỉnh sửa ảnh: PhotoShop 7.0 (Phù hợp với máy cấu hình thấp) + Phần mềm tạo ảnh động xuất file cực nét: Easy GIF Animator (Tại đây) + Phần mềm tạo các swf quảng cáo, banner tích hợp menu: Sothink SWF Quicker + Phần mềm tạo banner, : Aleo Flash Intro Banner Maker II.HÀNH ĐỘNG: Bước 1: 1.Bạn click vào hai đường link đây: Link 1:http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css Link 2:http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt.css Coppy nội dung file trên.Vào Start góc trái màn hình và Chọn AllProgram > Acsicess > Note Pad.Dán ND link vào Quý thầy cô có thể sửa chữa hai Theme này để tự tạo giao diện cho mình cách chỉnh sửa các ảnh giao diện (cứ copy đường dẫn ảnh dán vào địa web sau đó load ảnh đó dùng shop sửa lại, lại up ảnh đó lên violet để lấy link dán vào các link cần sửa ảnh code mà thầy cô vừa dowload về) Các lilnk cần sửa ví dụ như: HEADDER: http://d2.violet.vn/uploads/resources/606/header1.gif (3) (Ảnh trên không sửa ) http://d2.violet.vn/uploads/resources/608/chan_Blog_ngu_van_02.gif http://lebinh72qn.violet.vn/document/show/entry_id/5386971 http://d2.violet.vn/uploads/thumbnails/608/thumbnails2/MAU_DUOI_KHONG_CHU.gif.jpg BOTTOM: http://d2.violet.vn/uploads/resources/606/BAR7MAU_LVB.gif http://d2.violet.vn/uploads/resources/606/BAR7MAU_LB.gif KHUNG DO http://d2.violet.vn/uploads/resources/606/back01LVB.gif KHUNG XANH http://d2.violet.vn/uploads/resources/606/back02LVB.gif (4) http://d3.violet.vn/uploads/previews/blog/4779/back001lvb.gif http://d3.violet.vn/uploads/previews/blog/4779/back002lvb.gif Sửa xong,úp ảnh lên Violet, lấy link thay đoạn mã trên và lưu lại đặt tên tập tin "a " có đuôi txt.Link làm tương tự vậy.Sau đó đổi đuôi tập tin trên = "a " có đuôi css Bước 2: Úp tập tin trên vào Hosting và lấy tên tập tin đó dán và đoạn mã sau: http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css"/> http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt.css"/> Phân tích: http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css http://users9.jabry.com/nhungnhipcautrithuc/ (tên tài khoản Hosting mình) Mlnnctt1.css (Tên tài liệu mà mình gửi vào Hosting) Bôi đen tên tài liệu tập tin có đuôi css và dán vào) Bước 3: Copy code vừa chỉnh sửa dán vào khối tự tạo để xem điều gì xảy đã ? không nên dán vào thông tin quyền vì xảy lỗi thì làm trời ? Mình nên chọn giao diện mẫu Violet cho phù hợp -Giao diện NNCTT màu hồng toàn thân khối chính: "http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css"> (5) "http://users9.jabry.com/nhungnhipcautrithuc/Linduoithaylai.css"> -Giao diện NNCTT màu xanh nhạt toàn thân khối chính, tiêu đề khối chính màu hồng nhạt êm dịu: "http://users9.jabry.com/nhungnhipcautrithuc/Mlnnctt1.css"> "http://users9.jabry.com/nhungnhipcautrithuc/Linduoimauxanhnhatttrang.css"> -Giao diện NNCTT màu xanh nhạt toàn trang " http://users9.Jabry.com/lebinhpro/Sonnhalan1.css "> Còn đây nữa, xanh xanh menu ngang luôn ! "http://users9.Jabry.com/lebinhpro/Sonnhalan5.css"> Đây là mẫu giao diện hoàn chỉnh, mình cảm thấy đẹp ! "http://users9.Jabry.com/lebinhpro/Sonnhalan5.css"> Mẫu Giao diện NNCTT trên với trang xanh quá, khó đọc tên tiêu đề tư liệu còn lại.Mình thay màu xanh nhạt hơn.Code nguồn Ở đây nè ! Mã màu :background: #67B1DF; Code chèn vào Blog : "http://users9.Jabry.com/lebinhpro/Sonnhalan5sua.css "> Mẫu Giao diện NNCTT, menu khong co khung (6) File nguon tai day Code : "http://users9.Jabry.com/lebinhpro/Sonnhslan5menukhongkhung.css"> Có lẽ sửa !!! Nếu thành thạo thì VỌC tiếp.Xem thêm đây nha ! KÍNH CHÚC QUÝ THẦY CÔ VỌC VUI VẺ NHÉ (7)