Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      Hướng dẫn làm 360plus

      Thư mục: Chung |
      Quan trọng
      Đăng ngày: 02:42 02-05-2008

      Đọc cái này để hiểu rõ hơn về 360plus nhé,tuy hơi dài nhưng cực có ích,nếu ai cần tớ sẽ help!


      1. Bố cục của trang 360plus

      1.1 Chung:

      Click vào Bố trí > Bố trí

      http://i221.photobucket.com/albums/dd206/gik_nguyen/themes/1.jpg

      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ẹp

      Sau 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 theme

      Giố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 >

      http://i221.photobucket.com/albums/dd206/gik_nguyen/themes/2.jpg

      2.1 Theme có sẵn

      Click vào Bố trí > Theme > Nhập hình nền thiết lập

      Cái này thì ai thích cái nào thì chọn thui..

       

      2.2 Theme tự làm

      Click vào Bố trí > Theme > Chế độ tự chỉnh sửa

      http://i221.photobucket.com/albums/dd206/gik_nguyen/themes/3.jpg

       

      Ở đâ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.

      http://i221.photobucket.com/albums/dd206/gik_nguyen/themes/4.jpg

      Ở đâ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:

      a. Một số 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;}

      b. Sử dụng CSS để chuyển ảnh nền từ 360 cũ sang 360plus
       

      #blast A, #blast A:hover{
          COLOR: #;
      }
      body{
      background:/*Màu background*/;}

      #doc2, #doc{
      background:/*Màu background*/ url( link file ảnh của top theme ) no-repeat center top;}

      #bd{
      background:transparent url(Link file ảnh của bottom theme ) no-repeat center bottom;}

       

       

      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.

       

      4. Viết và trang trí entry:

      4.1 Chèn ảnh:

      Bạn có nhìn thấy cái hình bên trái biểu tượng mặt cười trên thanh trang trí entry ko.. bạn click vào đấy rùi paste link ảnh mún chèn vô là uki..

      Để lấy link ảnh thì làm thế này:

      1.- Nếu bạn mún dùg ảnh từ máy: bạn có thể up ảnh lên một trang nào đó (vd: Photobucket chẳng hạn) rùi copy cái Direct Link của nó..

      2.- Còn nếu bạn muốn dùng một ảnh có sẵn trên 1 trang nào đó, bạn click chuột fải vào ảnh chọn Properties > Location (hoặc Address) chính là link ảnh.


      4.2 Chèn clip:

      Bạn cứ viết entry như bình thường đến lúc cần chèn clip.

      Bạn chuyển chế viết entry sang HTML (tick vào ô HTML ở góc dưới bên trái vùng soạn thảo entry..

      Bạn vào site chưa clip (Youtube hoặc Clip.cn chẳng hạn)..

      Bạn copy lấy đoạn code trong fần Embed của clip vào cuối entry (đang ở dạng HTML)..

      Chuyển lại về chế độ bình thường để viết tiếp. (Chú ý: lúc này, bạn sẽ ko thấy clip mình của mình. Sau khi Submit, bạn mới có thể thấy.)

      4.2 Chèn page-views cho entry:

      Bạn vào trang nào đó cung cấp counter miễn fí (vd: simplehitcounter.com) > submit lấy một cái counter > nó sẽ cho bạn một đoạn code tương tự như sau:

      <!-- Start of SimpleHitCounter Code -->
      <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.asp?uid=204471&f=16777215&b=0" border="0" height="18" width="83" alt="free hit counters"></a><br><a href="http://www.simplehitcounter.com" target="_blank"><font size="-3">free hit counters</font></a></div>
      <!-- End of SimpleHitCounter Code -->
       

      Bạn chỉ cần copy cái link ảnh nằm trong thẻ <img src="link_ảnh"> (in đậm trong vd) rùi chèn vào entry như mục 4.1

       

       


       Cũng nên đọc thêm blog chị Trang Hạ ,ngắn gọn hơn phần này chút.

      Đừng nản nhé,càng làm sẽ càng hứng thú.Chúc mọi người làm 360plus vui vẻ !

      Trích dẫn (0)
      Tìm tag: hướng dẫn làm 360plus
      Tổng cộng 14 lời bình
      Lời bình mới

      Bài viết về bạn hoặc có tag tên bạn:

      • Chưa có bài nào có liên quan.

      Người đăng ký yêu thích blog này cũng đồng thời thích:

      • Chưa có blog yêu thích nào có liên quan.

      Xem thêm

      Thư mục

      Xem ngày tháng

      <
      2009
      >
      <
      tháng 11
      >
      S M T W T F S
      1 2 3 4 5 6 7
      8 9 10 11 12 13 14
      15 16 17 18 19 20 21
      22 23 24 25 26 27 28
      29 30  

      Bài mới nhất