Bước 1: Vào Mẫu ~> Chỉnh sửa HTML
Bước 2: Ctrl + F và tìm thẻ ]]></b:skin>
Bước 3: Chọn Style tương ứng với các đoạn mã sau:
Mã :
#blog-pager{clear:both;margin:30px auto;text-align:center;padding:7px}
.blog-pager{background:none}
.displaypageNum a,.showpage a,.pagecurrent{padding:3px 7px;margin-right:5px;background:#E9E9E9;color:#888;border:1px solid #E9E9E9}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color:#000}
.showpageOf{display:none!important}
#blog-pager .showpage,#blog-pager .pagecurrent{font-weight:bold;color:#888}
#blog-pager .pages{border:none}
Mã:
#blog-pager{clear:both;margin:30px auto;text-align:center;padding:7px}
.blog-pager{background:none}
.displaypageNum a,.showpage a,.pagecurrent{padding:5px 10px;margin-right:5px;color:#F4F4F4;background-color:#404042;-webkit-box-shadow:0 5px 3px -1px rgba(50,50,50,0.53);-moz-box-shadow:0 5px 3px -1px rgba(50,50,50,0.53);box-shadow:0 5px 3px -1px rgba(50,50,50,0.53)}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#EC8D04;text-decoration:none;color:#fff}
#blog-pager .showpage,#blog-pager,.pagecurrent{font-weight:bold;color:#000}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow:0 5px 3px -1px rgba(50,50,50,0.53);-moz-box-shadow:0 5px 3px -1px rgba(50,50,50,0.53);box-shadow:0 5px 3px -1px rgba(50,50,50,0.53)}
Mã:
#blog-pager{clear:both;margin:30px auto;text-align:center;padding:7px}
.blog-pager{background:none}
.displaypageNum a,.showpage a,.pagecurrent{font-size:12px;padding:5px 12px;margin-right:5px;color:#222;background-color:#eee;border:1px solid #EEEEEE}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#E5E5E5;text-decoration:none;color:#222}
#blog-pager .pagecurrent{font-weight:bold;color:#fff;background:#DB4920}
.showpageOf{display:none!important}
#blog-pager .pages{border:none}
Các bạn có thể xem thêm các mã khác tại đây hoặc sưu tâm ở các blog khác !
Nếu bạn muốn ẩn đi "First" and "Last" thì thêm đoạn code sau vào ngay SAU code CSS của style mà bạn chọn ở trên: .firstpage, .lastpage {display: none;}
Bước 4: Tìm đến thẻ </body> và dán đoạn code sau vào trước nó:
<b:if cond="data:blog.pageType != "item""> <b:if cond="data:blog.pageType != "static_page""> <script type="text/javascript"> /*<![CDATA[*/ var perPage=7; var numPages=6; var firstText ='First'; var lastText ='Last'; var prevText ='« Previous'; var nextText ='Next »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/ </script> <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"></script> </b:if> </b:if>
Bước 5 : Lưu mẫu và kiểm tra.
LƯU Ý:
Phân trang (page navigation) là một tiện ích mà tất cả các blogger
chuyên nghiệp và bán chuyên nghiệp đều dùng. Ngoài mục đích làm đẹp còn
để blog tải nhanh và giúp độc giả tiện theo dõi các bài viết của các bạn
hơn. Tuy nhiên có một lỗi mà hầu hết người dùng blogger đều mắc phải là
khi click vào xem nhãn trang index hay trang chủ thì số bài đăng hiển
thị trên 1 trang lại lên đến 20 theo mặc định hoặc thiếu số bài mà các
bạn đã định trước trong tiện ích phân trang.
» Nguyên nhân chính:
- Bạn chưa định dạng cấu hình của các thẻ XML quy định số bài viết tải ở mỗi trang nhãn.
- Dung lượng số bài viêt trên trang của bạn quá lớn nên feed phải giảm tải số bài để không vượt quá giới hạn cho phép.
Bài viết này mình sẽ lầm lượt hướng dẫn các bạn các khắc phục 2 lỗi chết
người trên. Sau đây là cách tiến hành » Khắc phục lỗi không phân trang
hoặc không hiển thị đúng số bài đăng khi xem theo nhãn!:
» Định hình lại mã XML của template:
- Thực ra việc hiển thị số bài đăng trên 1 trang là thêm vào sau địa chỉ dòng ?&max-results=5 để ngắt trang. Vì vậy để sửa lỗi này ta chỉ việc thực hiện.1.1- Đăng nhập vào blog
1.2- Chọn Mẫu - Chỉnh sửa HTML và thay tất cả dòng:
expr:href='data:label.url'Thành dòng sau:
expr:href='data:label.url + "?&max-results=5"'
Thay 5 thành số bài đăng bạn muốn hiển thị trên 1 trang nhãn hoặc trang chủ.
- Nếu làm đến đây mà vẫn không được thì hãy làm nốt bước bên dưới đảm bảo thành công 100%
» Tối giản tổng dung lượng cho phép của mỗi bài viết:
- Như các bạn đã biết Feedbruner sẽ lưu trữ các bài viết của bạn trên
trang feedbruner. Sau đó nó sẽ hiển thị 20 bài viết gần đây nhất trên
trang feed rss (hoặc feed atom) (Demo). Và trang RSS này chỉ cho dung
lượng tối da là 576K, Nếu lớn hơn thì feed sẽ tự động cắt giảm
các bớt các bài viết cho đến khi nào tổng dung lượng của các bài viết
còn nhỏ hơn hoặc bằng 576K. Vậy mục tiêu của chúng ta là phải
giảm dung lượng tổng của 20 bài viết gần đây nhất xuống dưới 576K-bite
để số bài viết không bị cắt giảm đi và không ảnh hưởng đến phân trang.
Để làm được điều này hãy làm như sau:
1.1- Truy cập vào Blog.1.2- Chọn Bài đăng => Đã xuất bản:
- Sau đó hãy đặt chuột vào vị trí muốn readmore và bấm vào nút Chèn dấu ngát nhảy (Readmore).
Mẹo: nên đặt nút readmore sau đoạn văn bản đầu tiên trong bài viết của
bạn hoặc sau khoảng 250-500 ký tự đầu tiên. Nếu bài viết gồm nhiều hình
ảnh thì hãy đặt ngay sau hình ảnh đầu tiên.
- Bấm xuất bản.
=> Làm tương tụ với 19 bài còn lại. Lưu ý là chì cần làm với 20 bài viết đầu tiên thôi nha.
2- Cài đặt để giảm dung lượng nguồn cấp dữ liệu của bạn.
2.1- Bạn vào cài đặt => Vào Khác
2.2- Tại mục Nguồn cấp dữ liệu trang web => Bạn chình sửa phần Cho phép nguồn cấp dữ liệu blog thành Cho đến dấu ngắt.
Bây giờ bạn có thể đăng ký feed cho blog mà không sợ xuất hiện lỗi nữa
rùi. hãy xem 2 cách đăng ký feed mà namkna đã hướng dẫn tại đây để đăng
ký cho mình 1 feed nha:
1. Vào Cài đặt => Bài đăng và nhận xét =>
» Cài đặt số bài trên blogger.
Bước này đơn giản nhưng nhiều blogger thường quyên và bỏ qua nó.1. Vào Cài đặt => Bài đăng và nhận xét =>
Nguồn: http://www.haridang.name.vn và http://www.terocket.com