Di4VN - Never Stop Exploring: Hướng dẫn Blogspot: Từ A đến Z

Hướng dẫn Blogspot: Từ A đến Z - Phần 8: Kết thúc

Ngày 30 tháng 8 năm 2007

     Bài viết cuối cùng này trong loạt bài viết Hướng dẫn Blogspot: Từ A đến Z sẽ giúp bạn hoàn chỉnh nốt một vài chức năng còn thiếu như: thêm chức năng mở rộng bài viết, thêm cột Lưu trữ các bài viết trước, Các bài viết gần đây. Chú ý rằng tất cả các chức năng này đều được hướng dẫn chỉnh sửa trên mẫu cổ điển (classic template).
     1. Thêm chức năng mở rộng bài viết:
     Chức năng này giúp rút gọn bài viết, tránh làm dài trang chủ. Bạn có thể thấy chức năng này chính là phần: "Đọc tiếp bài viết này" trên Di4VN.
     Trước tiên, hãy đăng nhập bằng tài khoản của bạn. Từ bảng điều khiển của blog nhấn chọn Mẫu. Sao luwu mẫu như đã hướng dẫn trong phần 3 mục 1.
     Chèn đoạn mã sau vào phần CSS (giữa 2 thẻ <style> and </style>, nên đặt ngay trước thẻ </style>):

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

     Tìm đến dòng <$BlogItemBody$>, thêm vào ngay sau nó đoạn mã sau:

<MainOrArchivePage><br />
<a href="/2007/08/<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

     Bấm Lưu Thay đổi mẫu để lưu lại các thay đổi. Chuyển sang phần Cài đặt, thẻ Đang định dạng mục Mẫu Bài đăng (xem Phần 2 mục 2), điền vào đoạn mã sau:

     Đây là phần đầu bài viết. <span class="fullpost">Đây là nội dung bài viết.</span>

     Bấm Lưu cài đặt. Mỗi khi đăng bài viết, bạn chuyển sang chế độ soạn thảo là Chỉnh sửa HTML rồi soạn thảo bài viết bình thường. Phần Đây là phần đầu bài viết bạn thay bằng một đoạn ngắn mở bài, còn nội dung chính của bài viết bạn gõ vào phần Đây là nội dung bài viết.
     2. Thêm cột Lưu trữ các bài viết trước:
     Chèn đoạn mã sau:

<BloggerArchives>
<li><a href="/2007/08/<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="/2007/08/<$BlogURL$>">Current Pos1ts</a></li></ArchivePage>

     vào vị trí bạn muốn hiển thị trên blog.
     Với đoạn mã trên, mục Lưu trữ các bài viết trước hiển thị dưới dạng các liên kết. Nếu muốn hiển thị dưới dạng menu xổ xuống, bạn sử dụng đoạn mã sau:

     <select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>

     3. Thêm cột các bài viết gần đây:
     Chèn vào đoạn mã sau:

<BloggerPreviousItems>
<li><a href="/2007/08/<$BlogItemPermalinkURL$>><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>

     Về chức năng các bài viết liên quan thì hiện tại blogspot chưa có cách nào để thêm chức năng này.

     Cảm ơn bạn đã ghé thăm site của tôi! Bạn hãy để lại lời nhận xét (comment) của mình! Hoặc bạn cũng có thể đăng kí nhận bản tin RSS. Tôi hy vọng bạn thích site này của tôi và tìm được những thông tin bổ ích, và nếu có thể hãy thêm địa chỉ site này vào favorites của bạn để có thể ghé thăm lại. Cám ơn!

Nhãn: hướng dẫn blogspot

Được viết bởi Đặng Quốc Khánh @ vào lúc 10:46,

Có 7 nhận xét:

Vào lúc 14:22 01/10/2007, Nặc danh đã viết...: "Chèn đoạn mã sau vào phần CSS (giữa 2 thẻ style and style, nên đặt ngay trước thẻ style)"

Đoạn này hướng dẫn chi tiết hơn cho mọi người hiểu ???
- Vào phần CSS ở đâu ?
- Tìm trong "mẫu" > "Chỉnh sửa HTML" > Đã click chọn "Mở rộng mẫu tiện ích" và tìm style thì không thấy code nào ???
Vào lúc 17:09 01/10/2007, Đặng Quốc Khánh đã viết...: Cảm ơn bạn. Đúng là thiếu sót thật. Tôi sẽ phải viết thêm một loạt bài hướng dẫn khác. Hướng dẫn cách làm blogspot với khuôn mẫu dạng LayOut.
Vào lúc 10:38 04/10/2007, dv2n đã viết...: Hướng dẫn này chỉ dùng cho Old Blogger. Với New Blogger hỗ trợ layout thì không dùng được. Đây là một trong những cách dành cho New Blogger: http://www.thuthuatblog.com/2007/08/chn-c-thm-cho-bi-ng-ca-blog.html
Vào lúc 11:31 04/10/2007, Nặc danh đã viết...: sao em làm ko được anh ơi
anh chỉ lại cụ thể giúp em với
blog của em: haitvonline.blogspot.com
Vào lúc 12:45 04/10/2007, Đặng Quốc Khánh đã viết...: Ngay lúc đầu, tôi muốn hướng dẫn cách làm blog với mẫu Old Blogger (classic template) vì như thế có thể làm một blog có giao diện đẹp và nhiều chức năng, dễ tùy biến. Tuy nhiên có vẻ như đa số blogger không mặn mà lắm với hướng dẫn theo cách này. Sắp tới tôi sẽ viết các bài hướng dẫn dành cho dạng New Blogger (khuôn mẫu dạng LayOut).
Vào lúc 13:19 04/10/2007, haitvonline đã viết...: anh Khánh ơi xem giúp em sao em làm theo hướng dẫn của anh mà vẫn không được nhỉ
Vào lúc 13:24 04/10/2007, haitvonline đã viết...: em đang dùng old blogger mong anh hướng dẫn giúp

Đăng một Nhận xét

<< Quay về trang chủ

Hướng dẫn Blogspot: Từ A đến Z - Phần 8: Kết thúc

Có 7 nhận xét:

Các bài viết trước