Để tạo đoạn phân cách Readmore, chúng ta nhấn vào nút More (có hình trang giấy ngăn đôi), nếu chuyển sang kiểu soạn thảo HTML, sẽ thấy có thẻ <!--more--> được chèn vào vị trí đó. Khi đó, phần phía trên thẻ <!--more--> này sẽ được hiển thị ở trang chủ và các trang category, phần còn lại sẽ chỉ xem được khi vào xem 1 bài viết. Cách làm này có 1 điểm lợi là giữ được định dạng HTML.
Chức năng Scrip:
- Nếu trong bài viết của bạn có thẻ <!--more--> (), nó sẽ lấy đó làm dấu phân cách, phần trước thẻ đó sẽ được hiển thị ở trang chủ và giữ nguyên định dạng HTML, phần sau đó chỉ hiển thị khi đọc 1 bài viết.
- Nếu trong bài viết của bạn không có thẻ <!--more-->, thì script sẽ tự động sinh ra đoạn văn bản thu gọn ở trang chủ như script auto readmore thông thường. Lúc này định dạng HTML sẽ không còn (hình ảnh thumbnail vẫn được duy trì).
- Nếu trong bài viết của bạn không có thẻ <!--more-->, thì script sẽ tự động sinh ra đoạn văn bản thu gọn ở trang chủ như script auto readmore thông thường. Lúc này định dạng HTML sẽ không còn (hình ảnh thumbnail vẫn được duy trì).
» 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
4. Chọn Mở rộng tiện ích .
5. Tìm đến thẻ </head> và chèn đoạn mã sau vào ngay trước đó:
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
4. Chọn Mở rộng tiện ích .
5. Tìm đến thẻ </head> và chèn đoạn mã sau vào ngay trước đó:
<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> //<![CDATA[ function strip(s,n){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,n-1).join(' ')} function createSummary(id) { var p = document.getElementById(id), content = p.innerHTML; if (/<!--\s*more\s*-->/.test(content)) { p.innerHTML = content.split(/<!--\s*more\s*-->/)[0]; } else { var imgTag = '', img = p.getElementsByTagName('img'); if (img.length >= 1) { imgTag = '<img class="thumb" src="'+img[0].src+'" />'; } p.innerHTML = imgTag + strip(content, 125) + '...'; } } //]]> </script> </b:if>
6. Thêm đoạn CSS dưới vào trước thẻ ]]></b:skin>.
.thumb{float:left;display:inline;margin:5px 10px 10px 0;width:120px}
- Bạn có thể tùy biến số từ hiển thị (trong trường hợp tự động sinh đoạn văn bản thu gọn) ở trong đoạn code trên (thay số 125 bằng số tùy ý bạn).
7. Tìm thẻ <data:post.body/> và thay thế bắng đoạn mã sau:
7. Tìm thẻ <data:post.body/> và thay thế bắng đoạn mã sau:
<b:if cond='data:blog.pageType != "item"'> <span expr:id='"p" + data:post.id'><data:post.body/></span> <script type='text/javascript'>createSummary("p<data:post.id/>");</script> <a expr:href='data:post.url' title='Đọc tiếp'>Đọc tiếp &rarr;</a> <b:else/> <data:post.body/> </b:if>
Lưu template lại và xem kết quả
- Hiện nay đã có bản cập nhất mới hơn và load ổn định hơn các bạn xem Tại đâyChú thành công!
Nhận xét
anh xem site http://vinet24h.blogspot.com/
Trả lờiXóaem muốn chuyển tiện ích read more của em giống như của anh -em làm mãi mà không được-anh xem chỉ em với
Phần đó phải tùy biến toàn bộ code css và XML của data.post:body cơ em ak. Hiện anh chưa chia sẻ thủ thuật đó./.
XóaGửi template dể mình check.
Trả lờiXóavậy có thể chuyển sang một read more khác không anh-em chán read more của em rùi !!!!
Trả lờiXóaTất hhiên là được em ak. Em chỉ cần gỡ bở readmore cũ và thay bằng một trong các loại ở đây.
Xóahttp://namkna.blogspot.com/search/label/Blogspot%20Readmore
vâng đúng thế ! em rất thích mấy cái của anh -nhưng mà mọi hôm em lấy cái template trên mạng -em không biết gỡ read more cũ ra như thế nào
Trả lờiXóaanh giúp em với !
Em gửi Templăte vào mail tavannam01@gmail.com anh chỉnh cho.
XóaVâng em cảm ơn nhiêu !
Xóadạo này anh bận à ! rảnh giúp em tí nhé
Trả lờiXóaOke lát anh check mail nha.
Xóadạ !thanks anh
Trả lờiXóaAnh trả lời rồi đó em.
XóaNam Kha ơi cho cô xin code và hướng dẫn cách làm khung thống kê truy cập , comments và bài viết như của cháu ở trang http://demo-blog-namkna.blogspot.com/ này được ko cô cảm ơn?
Trả lờiXóaCô xem bài viết này nha cô: Nâng cấp tiện ích Thống kê blogger
XóaCảm ơn NK cô đã làm được bẳng thông kê mà cô rất thích rồi . cô cảm ơn cháu nhiều lắm..
Trả lờiXóaKhông có gì đâu cô ak. Cháu rất vui vì cô đã làm được :)
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaGiúp dùm mình... bài viết mình có hiện "ReadMore" nhưng không mở bài viết được...Phải làm sao đây..giúp dùm mình. Thank
Trả lờiXóaBlog mình đây...
http://vuaocvuduy.blogspot.com/
Email em đây: isoff9@gmail.com giúp dùm
Trả lờiXóaBạn phải áp dụng thì mình mới hỗ trợ được chứ ://////////
XóaTuy nhiên theo mình thấy. Bạn hãy sử dụng cách mới nhất ở đây nha: XEM NGAY