TẠO CHỈ MỤC CHO “TOP 10 BÀI VIẾT TIÊU BIỂU”

Trong trang riêng Violet, Thầy Cô đã đặt nhiều tâm huyết với các tư liệu, bài viết, bài giảng, giáo án… Trong số đó có những bài mà quý Thầy Cô tâm đắc, muốn giới thiệu đến các thành viên Violet cùng tham khảo. Nhưng cùng với thời gian, các bài đó lần lượt bị lùi xuống phía sau do các bài mới được tạo ra liên tục. Để tìm lại các bài tâm đắc đó quả là một việc khá vất vả. Vậy tại sao Thầy Cô tạo chỉ mục cho những bài viết đó riêng một nơi để mình và các thành viên dễ dàng tìm kiếm.
Sau đây, Bằng Vũ xin giới thiệu cùng Thầy Cô một đoạn code giúp chúng ta cùng làm điều vừa nêu trên.
Bước 1: Mở file nguồn bằng trình thiết kế Web (FrontPage, Dreamwere,…) hoặc trình soạn thảo văn bản (Notepad, Wordpad,…)
Bước 2: Mỗi bài viết được hiển thị bằng 2 phần: Kênh hình ảnh + lời giới thiệu (bên trái) và Kênh chữ nội dung chính của bài. (bên phải)



Thầy Cô lần lượt thay các link bài, link hình ảnh và câu giới thiệu ngắn gọn trong 2 phần theo các màu Bằng Vũ đã tô với thứ tự cho mỗi mục như sau (lưu ý: Thầy Cô chỉnh sửa trong file nguồn .htm nhé !)
Phần 1:
Link dẫn đến bài tâm đắc 1
Link hình đại diện của bài 1
Câu giới thiệu về bài viết 1

Link dẫn đến bài tâm đắc 2
Link hình đại diện của bài 2
Câu giới thiệu về bài viết 2
……….
……….

Phần 2:
Link dẫn đến bài tâm đắc 1
Câu giới thiệu về bài viết 1

Link dẫn đến bài tâm đắc 2
Câu giới thiệu về bài viết 2
……….
……….
Bước 3: Chạy thử file .htm trên máy để kiểm tra. Nếu đã ưng ý thì Thầy Cô upload file nguồn .htm lên host free (VD: http://jabry.net ; http://110mb.com …)
Bước 4: Copy và dán link đến file vừa upload lên hosst free trong đoạn code sau và chép code đưa vào khối chính:



Dưới đây là mã nguồn của phần cần thay đổi trong file nguồn .htm để tạo “TOP 10 BÀI TIÊU BIỂU”
<-- Bắt đầu phần 1 – Link kênh hình ảnh bên trái -->

• style="text-decoration:none;" title="Tạo giao diện trang riêng - Bằng Vũ" target="_top">
  1- Thầy Cô đã dùng hết các mẫu giao diện mà Violet cung cấp và cảm thấy chưa "đã" ???


• style="text-decoration:none;" title="Gỡ đóng băng trang riêng Violet - Bằng Vũ" target="_top">
  2-Bên trong Quản trị trang hiển thị thế này. (Thiệt đau lòng quá đi !!!)...


• style="text-decoration:none;" title="Tìm ngày thành lập trang riêng Violet - Bằng Vũ" target="_top">
  3-Mẹo nhỏ này sẽ giúp Thầy Cô nhanh chóng tìm lại ngày thành lập trang riêng Violet.


• style="text-decoration:none;" title="Thiết lập hình nền cho trang riêng - Bằng Vũ" target="_top">  
  ↓   ↓