Di4VN - Never Stop Exploring: Hướng dẫn thêm chức năng mở rộng bài viết cho blogspot dạng LayOut

Hướng dẫn thêm chức năng mở rộng bài viết cho blogspot dạng LayOut

Ngày 17 tháng 10 năm 2007

     Chú ý: đây là hướng dẫn dành cho blogspot dùng template dạng LayOut. Hướng dẫn dành cho template dạng classic bạn có thể đọc tại đây. Blogspot dùng template dạng LayOut thường có định dạng XML. Dạng mẫu này cung cấp cho bạn một giao diện trực quan giúp bạn có thể dễ dàng chỉnh sửa, thêm bớt các thành phần cho blog. Bạn sử dụng thao tác kéo thả để thêm các thành phần và di chuyển các thành phần đó tới các vị trí tuỳ ý.
     Trong bài viết này, có bạn thắc mắc CSS ở đâu? Tôi xin trả lời rằng nó nằm giữa 2 thẻ <head> CSS ở đây </head>.
     Quay trở lại vấn đề chính, để thêm chức năng mở rộng bài viết (hay còn gọi là Read more, Xem chi tiết,...), bạn làm theo hướng dẫn sau:
     1. Trước tiên, tạo bản sao lưu mẫu (template) cho blog, xem chi tiết cách sao lưu và khôi phục template blog tại đây.
     2. Tim đến tab Template | Edit HTML. Tại mục Edit Template, trong khung chứa code tìm đến thẻ </head>, thêm đoạn code sau vào trước thẻ này:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

     Chú ý quan trọng: trước thẻ </head> có một thẻ là ]]></b:skin>. Hãy thêm đoạn code trên vào giữa hai thẻ này.
     3. Bước tiếp theo là thêm dòng chữ: Xem chi tiết (hay Xem tiếp bài viết này). Cách làm như sau:
     Tìm đến dòng code: <data:post.body/>. Thêm đoạn code sau vào trước nó:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read more!</a>
</b:if>

     Có thể thay Read more! bằng Xem chi tiết hoặc Xem tiếp bài viết này tùy ý bạn. Bấm Save Template để lưu những thay đổi.
     4. Thay đổi trong phần soạn thảo bài viết
     Đây là bước cuối cùng. Bạn chuyển sang thẻ Settings | Formatting, kéo xuống dưới cùng tìm đến mục Post Template. Copy và paste đoạn code sau vào:

Phần mở đầu của bài viết. <span class="fullpost">Phần tiếp theo của bài viết.</span>

     Bấm Save Settings. Mỗi khi viết bài bạn chuyển sang thẻ Edit Html để soạn thảo. Thay Phần mở đầu của bài viết. bằng nội dung mở đầu của bài viết, còn Phần tiếp theo của bài viết. là nội dung tiếp theo của bài viết.

     Cập nhật: Để tìm được đến những đoạn cođe đề cập trong bài viết trên, bạn cần phải đánh dấu chọn vào Expand Widget Templates. Có như thế thì mới tìm ra dòng lệnh tương ứng.

     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: blogspot, blogspot LayOut

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

Có 2 nhận xét:

Vào lúc 11:34 Ngày 17 tháng 10 năm 2007, Lucas Nhan đã viết...: Xui quá, blog cua tui ko co doan ma: data:post.body/. Biet lam sao bay gio? Nho ban chi giup.(http://english2share.blogspot.com)
Vào lúc 22:49 Ngày 17 tháng 10 năm 2007, Đặng Quốc Khánh đã viết...: Xin lỗi bạn vì mình viết thiếu nên bạn không tìm ra đoạn code đó. Mình đã cập nhật, chỉnh sửa lại. Để tìm được đoạn code data:post.body/ bạn đánh dấu kiểm vào Expand Widget Templates. Có như thế thì mới tìm ra dòng lệnh tương ứng.

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

<< Quay về trang chủ

Hướng dẫn thêm chức năng mở rộng bài viết cho blogspot dạng LayOut

Có 2 nhận xét:

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