Thursday, December 27, 2007

Hướng dẫn chèn chữ "Đọc thêm" (Read More) cho blogspot

Chèn chữ "Đọc thêm" (Read more) là một trong những tiện ích rất hay đối với mỗi blogger. Tiện ích này không những có tác dụng rút gọn bài đăng, làm cho trang chủ không bị quá dài mà còn giúp cho blog của bạn trở nên chuyên nghiệp và đẹp mắt hơn. Bài viết sau đây sẽ hướng dẫn các bạn làm việc này một cách dễ dàng.(Áp dụng cho blogger dùng template cũ)

Sao lưu xong, kéo thanh trượt tìm tag </head> (Có thể bấm Ctrl + F để tìm) và chèn vào phía trên nó đoạn mã dưới và lưu lại.

BƯỚC 1: SAO LƯU TEMPLATE VÀ CHÈN CSS Sau khi đăng nhập vào blogger.com, click trên Template (Mẫu) -> Edit HTML (Chỉnh sửa HTML) thực hiện sao lưu template vào máy tính của bạn.Sao lưu xong, kéo thanh trượt tìm tag (Có thể bấm Ctrl + F để tìm) và chèn vào phía trên nó đoạn mã dưới và lưu lại.

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

BƯỚC 2: CHÈN LIÊN KẾT “ĐỌC THÊM”
Tiếp tục hãy click Expand Widgets Template và kéo thanh trượt để tìm tag <data:post.body/>

(Có thể bấm đồng thời Ctrl + F để tìm). Sau đó chèn đoạn mã này phía dưới nó.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>

BƯỚC 4: THAY ĐỔI CÁCH ĐĂNG BÀI

Ở cửa sổ đăng bài, thay vì chọn Compose, hãy chọn Edit Html và cấu trúc bài đăng của bạn như bên dưới.

Phần tóm tắt hay đầu bài đăng
<span class="fullpost">
Phần còn lại
</span>

No comments: