Đối với Blogger thì thủ thuật tóm tắt bài viết tự động với nút Read More và ảnh đại diện là một phần quan trọng tạo nên diện mạo đẹp cho Blog của bạn. Tuy nhiên kể từ khi Blogger phát hành đặc tính tạo trang tĩnh (New Page/ static page) thì thủ thuật Read More gặp vấn đề đối với các trang tĩnh. Thông thường các trang tĩnh dùng để tạo các trang About, Contact…
- Khi bạn mở trang tĩnh thì nó hiển thị Read More, khi click chuột vào liên kết Read More vẫn không hiển thị toàn bộ nội dung bài viết. Để giải quyết vấn đề này thì cần phải loại bỏ chức năng Read More có ảnh đại diện ra khỏi các trang tĩnh.
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến dòng code sau (Ctrl F)
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến dòng code sau (Ctrl F)
<div class='post-body'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink'
style='float:right;padding-top:20px;'><a
expr:href='data:post.url'> Read more …
"<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div
=> Không phải template nào cũng có đoạn code như trên, chỉ tìm tương tự thôi. Chủ yếu là có 3 dòng tô đỏ.
6. Thêm đoạn mã dưới đây vào sau dòng <div class='post-body'><b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/>
7. Và thêm thẻ đóng </b:if> vào trước dòng <div style='clear: both;'/>
- Nếu không có dòng thì tìm dòng:
- Nếu không có dòng thì tìm dòng:
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Và thêm vào trước (hay sau nó cũng được) thẻ đóng </b:if>
=> Toàn bộ phần mã sau khi thực hiện có dạng như sau:<div class='post-body'> <b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read more … "<data:post.title/>"</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
Những dòng đánh dấu màu xanh là phần được thêm vào theo thủ thuật này.
- Ý nghĩa của toàn bộ phần mã này như sau: Đối với các trang tĩnh (static page) thì hiển thị toàn bộ nội dung bài viết; không hiển thị chức năng Read more ở các trang bài viết (item) và đối với các trang bài viết (item) thì hiển thị toàn bộ nội dung bài viết. Như vậy chức năng Read more đã được loại bỏ hoàn toàn khỏi các trang tĩnh một cách triệt để.
Chúc thành công!
Nhận xét
chào anh chị!
Trả lờiXóae có lên btemplate.com và tải mẫu về, nhưng e thử tìm đoạn code trên để bỏ tính năng read more đi nhưng không thấy đoạn code a nói trên
@Van Truong Nguyen Ok hiện tại anh đã thêm một số hướng dẫn vào blog rùi. em chú ý code ở bước 5 có thể khác nhưng các dòng mình tô màu đỏ giống nhau ở hầu hết các template bên btemplate.com đó.
Trả lờiXóaHãy làm và cho anh biết kết quả nha :3) :3) :3) :3)
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaĐược rồi nhưng trong page vẫn có chữ Readmore thì sao a ?
Trả lờiXóaNam ơi giúp mình được không? mình đang thử nghiệm làm trang tỉnh link này angiagarden mà làm ko được
Trả lờiXóaCâu hỏi của bạn không rõ ràng nội dung cần hỏi bạn ak.
XóaXin lổi! ý mình hỏi là trang mình có sẵn read more rồi. Mà mình làm theo cách trên thì không được, Nam có thể xem giúp dùm mình được không?
XóaCụ thể là ở đoạn thứ 5 đoạn code:
của Nam:
còn của mình thì
"không có dấu !"
Nhận xét này đã bị tác giả xóa.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóa