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

      Tạo Quick Menu, Menu Tổng Hợp Bài Viết.

      Thư mục: Blog Plus |
      Quan trọng
      Đăng ngày: 02:12 28-06-2009
      Blog Plus có thể chèn Module tự tạo hổ trợ HTML, vì vậy ta có thể tạo các Menu nhỏ để tổng hợp các bài viết, giống Blog Scroll của 360. Tuy nhiên, không phải ai cũng có thể tự tạo cho mình một module như thế. Đó cũng là lí do của bài viết này... ^^.


      Bài viết có thể hơi khó hiểu, vì vậy các bạn nên đọc kĩ nhé ! Nếu các bạn có một chương trình HTML editor, có thể dễ dàng làm loại menu này, còn nếu không, các bạn phần Viết Blog để làm nhé !

      1 - Menu dạng 2 cột:



      Đây là loại Menu thông dụng thường được sử dụng, vì tính đơn giản, dễ làm...


      • Đầu tiên các bạn click vào phần Viết Blog, sau đó click vào nút HTML và paste đoạn Code sau vào nhé :



      Code:
      <table style="width: 560px;">
      <tr>

      <td style="width:50%;text-align:left">
      Phần cột trái
      </td>

      <td style="width:50%;text-align:left">
      Phần cột phải
      </td>

      </tr>
      </tbody></table>

      Bước 2:

      • Sau khi paste code xong, bỏ dấu check HTML đi, và ta sẽ được :


      • Click vào dòng chữ Phần Cột Trái, và bắt đầu viết danh sách Entry vào nhé.

      Bước 3: Viết danh sách Entry :

      • Để chèn link vào 1 Entry nào đó, trước tiên ta viết tên Entry ra.

      • Bôi đen tên Entry đó, click vào nút Insert link trên thanh công cụ :
       
      • Sau đó paste link Entry vào ô Link URL nhá.

      • Làm tương tự cho các Entry còn lại.

      Bước 4: Phần cột Phải

      • Click vào phần cột phải, và làm tương tự Bước 3 là xong.

      Cuối cùng sau khi đã hoàn thành Menu, click tiếp nút HTML và copy toàn bộ code vào Notepad hay Word nhé.

      Bước 5: Chèn vào Module Tự Tạo.

      • Đầu tiên Click Thiết kế > Thêm Mod > Mod Tự Tạo để tạo 1 Module Tự tạo, chọn vị trí là phần cột Giữa nhé .

      • Click Thiết Kế > Click tiếp Nút Sửa ở Module Tự Tạo vừa tạo ra.

      • Paste phần code vừa có được khi nãy vào phần Nội Dung Module , Click Xong.

      Vậy là tạo được 1 Module 2 cột đơn giản rồi.



      2 - Menu Ngang với hiệu ứng phóng to, thu nhỏ :





      Đây là dạng Menu ngang dùng ảnh để thể hiện 1 link nào đó, có hiệu ứng phóng to khi rê chuột vào :

      Bước 1:

      • Chèn code sau vào CSS :

      Code:
      #menu_fongto img {height:60px}
      #menu_fongto img:hover{height:auto}

      Bước 2 :

      • Click nút Viết Blog, sau đó bắt đầu chèn ảnh thứ 1 .
      • Click nút Chèn Ảnh, chọn Nhập URL của ảnh, và paste link ảnh vào.




      • Sau đó Click vào ảnh, và click tiếp nút Insert Link để chèn link cho ảnh đó.

      • Tiếp tục chèn các ảnh tiếp theo.

      • Sau khi đã chèn xong các ảnh cho menu, ta click nút HTML, và paste dòng Code sau vào đầu bài viết, lưu ý là đầu bài viết nhá :

      Code:
      <div id="menu_fongto">

      • Tiếp theo, copy toàn bộ code trong bài viết vào Nội Dung Mod Tự Tạo là xong !

      Có thể xem thử các loại Menu ở Đây !
      Còn 1 vài loại Menu nữa, nhưng hơi rắc rối, vì thế mình update sau nhá. Mặc dù có khá nhiều bài viết về phần này, nhưng cũng nhìu bạn hỏi nên mình viết lại cho một số bạn theo dõi ha.

      (Bản quyền bài viết thuộc về W.Dephia's Blog - dephia.tk, vui lòng ghi rõ nếu sử dụng lại nhé !!)
       




      Dành cho New Blogger
      Kĩ Thuật Cơ Bản [Phần 2]
      Chèn Hiệu Ứng Flash Vào Blog
      Chèn Nhạc, Tạo List Nhạc Cho blog 360 Plus
      Share Theme
      Cách chuyển Theme từ 360themes sang Plus
      Cài Theme, Post Nhạc, Ảnh vào Blog
      Sửa lỗi Font chữ, màu chữ bị nhoè khi làm trong suốt
      Thay màu link, chữ tại các Module
      Tổng Hợp Code Dành Cho CSS WorkShop
      Làm Blog Trong Suốt Hoàn Toàn
      Thêm biểu tượng ngăn dòng Module Bài Viết
      Làm Trong Suốt và Thay nền Comment
       [Share] Theme Xmas
      [Share] Nền Blast trong suốt
      [Hướng dẫn] Thiết kế Mod Profile
      [Share] nền Module Profile
      Hiệu ứng Avatar cho Friend list Module
      Làm Ảnh nền trong suốt với PhotoShop
      Thủ Thuật Làm Biến Mất Tên Module
      Khắc phục lỗi không thể Trong Suốt và Thay nền Module
      Hiệu ứng Blink và các tùy chỉnh cho chữ
      Support for Computer!

      Author: [W].Dephia - 28/06/2009 - Copyright © 2009.
      *Please ask for permission before copying this.


      Trích dẫn (1)
      Tìm tag: quickmenu, menu, blogplus, hướngdẫn, tổnghợp, bàiviết
      Tổng cộng 170 lời bình
      sau (50) sau (50)
      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.