Saturday, July 14, 2007

Thêm mục lục bài đăng

Đăng ký dịch vụ lưu trữ đám mây: Dropbox (2GB miễn phí, có thể thêm 20 GB nếu mời thêm bạn bè, kích hoạt Camera Upload...) hỗ trợ hot link dùng lưu file .css, .js đặt trực tiếp lên website băng thông lên đến 20 GB/ngày. OneDrive của Microsoft (tên cũ là SkyDrive, 7GB miễn phí, có thể thêm 8GB nếu mời thêm bạn bè, kích hoạt Camera Roll...) không hỗ trợ hot link tương tự các dịch vụ đám mây khác như Google Drive, Box, SugarSync, Mega... Sau khi đăng ký xong, cài đặt phần mềm cho Windows hoặc ứng dụng dành cho điện thoại, máy tính bảng để đồng bộ dữ liệu giữa các thiết bị. Khi bạn đăng ký theo link giới thiệu ở đây, bạn sẽ được cộng thêm 500MB với OneDrive ngoài dung lượng miễn phí ở trên.

Trước đây tôi có hướng dẫn các bạn dùng công cụ convert Feed -> JavaScript để tạo danh sách các bài đăng. Tuy nhiên script này không liệt kê được các bài một các trọn vẹn cũng như không có nhiều chức năng linh hoạt. Đoạn JavaScript mà tôi tham khảo hiển thị mục lục rất nhanh và đơn giản.

Đầu tiên bạn đăng nhập vào blog, tại Template (mẫu), chọn Add a Page Element (Thêm phần tử trang) -> HTML/JavaScript và paste đoạn code dưới đây.




<div id="toc"></div>


Lưu lại và di chuyển đến vị trí mà bạn muốn mục lục hiển thị. Lưu ý đây là vị trí hiển thị của mục lục, bạn nên đặt giữa giữa trang.

Tiếp theo bạn cũng lập lại bước trên nhưng bây giờ hãy paste vào đoạn mã này:




<div id="toclink"><a href="javascript:showToc();">Xem mục lục</a></div>
<script src="http://d.v.nhan.googlepages.com/blogtoc.js" type="text/javascript"></script>
<script src="http://TENBLOGCUABAN.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"></script>
<script src="http://TENBLOGCUABAN.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"></script>


Bạn nên copy sang Notepad để sửa đổi(Start -> All programs -> Accessories -> Notepad). Cuối cùng hãy lưu lại và di chuyển đến vị trí mà bạn muốn dòng chú thích Xem mục lục hiển thị.

Bạn thích mục lục không hiển thị ngày đăng hãy thay link http://d.v.nhan.googlepages.com/blogtoc.js bằng link
http://d.v.nhan.googlepages.com/blogtoc333.js.

Tương tự như vậy nếu bạn không thích hiển thị nhãn bài viết thì thay bằng link
http://d.v.nhan.googlepages.com/blogtoc444.js

Hoặc thay bằng link này nếu bạn chỉ muốn hiển thị tên của bài đăng
http://d.v.nhan.googlepages.com/blogtoc555.js

Hãy xem blog tôi như một ví dụ sử dụng mục lục.

Chúc bạn thành công.

Tham gia Cộng đồng sử dụng Blogger Việt Nam trên Facebook, giải đáp thắc mắc, mẹo vặt, chia sẻ kinh nghiệm sử dụng Blogger (BlogSpot)...