Bài viết này giới thiệu cho các bạn cách tạo giao diện của một blog 360 plus, tuy nhiên nó còn chưa thật hoàn thiện.Và www.webblogvn.com cũng lấy nguồn từ một bài viết khác.Vài ngày tới webblogvn.com sẽ ra mắt cho các bạn sổ tay làm blog 360 plus.Khi đó www.webblogvn.com sẽ hoàn thiện bài viết này hơn.
1. Bố cục của trang 360plus
1 Chung:Click vào Bố trí.360plus cho fép chọn 1 trong 5 kiểu bố cục cho site của mình:- Định dạng 2 cột - hẹp, rộng- Định dạng 2 cột - rộng, hẹp- Định dạng 3 cột - hẹp, rộng, hẹp (thông thường chúng ta chọn cái này)- Định dạng 3 cột - hẹp, hẹp, rộng - Định dạng 3 cột - rộng, hẹp, hẹpSau khi chọn xong, click vào "Lưu" nếu muốn thay đổi, nếu ko thì click vào "Huỷ" 1.2 Bố cục của từng moduleĐể thay đổi vị trí của các module cụ thể, click vào Bố trí để thấy hiển thị chữ sửa ở góc trên bên trái của module. Để chuột lên thanh tiêu đề (màu đen xám) jữ chuột kéo đến chỗ cần để module. 2. Tạo themeGiống như 360 cũ, với 360plus chúng ta có thể dùng các theme có sẵn hoặc tuỳ chỉnh theo ý mình..Click vào Bố trí > Theme > 2.1 Theme có sẵnClick vào Bố trí > Theme > Nhập hình nền thiết lậpCái này thì ai thích cái nào thì chọn thui.. 2.2 Theme tự làmClick vào Bố trí > Theme > Chế độ tự chỉnh sửa.Ở đây cho phép bạn chọn:- màu link, màu nền, ảnh nền cho toàn bài- màu chữ, màu Title cho module chính / fụMột điều rất thú vị của 360plus là cho fép dùng CSS để trang trí ~~~> tha hồ thể hiện cá tính & phong cách (sẽ nói ở phần sau).Chú ý: 360plus ko cung cấp tuỳ chỉnh theme kiểu Top - Bottom như 360 cũ. Tuy nhiên, chúng ta vẫn có thể làm điều này bằng cách sử dụng các module thêm vào như sau: a. Làm ảnh trên:Trước tiên bạn cần có một ảnh nền kích cỡ chiều ngang < 905pixels.Click Bố trí > Thêm Module > Tiếp > Chọn Cột tự thiết kế (bất kì) > Tiếp > Chọn vị trí ở đầu trang > Xong.Đợi mấy jây chờ trình duyệt tự động load lại.Bạn sẽ thấy một module mới đ.c tạo ra, chưa có nội dung.Click vào Bố trí để hiển thị chữ "Sửa" góc trên bên phải module đấy > Click vào sửa. Ở đây bạn copy đoạn code sau vào fần nội dung: <p align="center">
<img src="Đường_dẫn_đến_ảnh_nền_trên" width="905"></p> Phần tên module, đặt là "Top"Click vào "Lưu" để thay đổi. b. Làm ảnh dưới:Tương tự như làm ảnh trên nhưng ở chỗ chọn vị trí module, bạn chọn Cuối trang.Phần tên module, đặt là "Bottom". c. Làm ẩn đi tên của module:Bạn vào Bố trí > Theme > Chế độ tự chỉnh sửaỞ đây, bạn đổi màu Title của module chính jống như màu nền của toàn trang.Ví như màu nền site mình là đen thì mình chọn là "#000000". 2.3 Sử dụng CSS:Một số đoạn mã CSS thông dụng: Ảnh nền theme của phần blog: BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Ảnh nền Bảng tin nhắn: BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Ảnh nền của phần comments: #comment_new .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của phần Thư mục (tag) : #folder .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của phần lịch: #calendar .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của trang Profiles: BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;} 3. Thêm các module: Cách thêm module tổng wát:Click Bố trí > Thêm module > Chọn Cột tự thiết kế > Tiếp > Chọn vị trí tuỳ ý > XongĐợi mấy jây chờ trình duyệt tự động load lại.Bạn sẽ thấy một module mới đ.c tạo ra, chưa có nội dung.Click vào Bố trí để hiển thị chữ "Sửa" góc trên bên phải module đấy > Click vào "Sửa".Viết nọi dung module.Đặt tên cho module.Click vào "Lưu" để thay đổi. a. Page-Views tự tạo:Bạn lấy code từ các trang cung cấp counter miễn phí như simplehitcounter.com hay hit-counter-download.com.. rùi copy vào fần nội dung của module b. Số người đang xem site:Bạn vào usersonline.com để lấy code.. rùi copy vào fần nội dung của module c. Đồng hồ:Copy đoạn code sau vào fần nội dung của module <iframe src='http://www.locuspublishing.com/events/1111JM025/blog.swf' width="120" height="200"></iframe> d. Làm một module tự tạo bất kỳ:Để làm một module theo ý bạn, bạn vào Sáng tác rùi viết, trang trí (chèn ảnh, chèn nhạc...) tuỳ ý rùi click vào HTML ngay dưới chỗ viết entry, copy lấy đoạn code vào fần nội dung của module.
Anonymous
June 8, 2009 at 11:47 AM
Hướng dẫn copy cẩu thả vãi đái
power america led
July 31, 2009 at 6:37 PM
power america led...
average revolution llc yields webmate allowing...
thu
August 1, 2009 at 3:30 AM
to la thu xinh
zịit
August 5, 2009 at 7:46 AM
vân~ ko hỉu