Hôm nay namkna xin giới thiệu tiếp phần cập nhật của tiện ích phân trang theo kiểu google (Các bạn có thể xem bản phân trang giống google cũ tại đây) với scip mới cho blogger. Tiện ích này được phát triển bới abu-farhan.com.
Xin vui lòng xem xét cẩn thận, Các bước thực hiện có thể giống nhau nhưng css và javascript là khác nhau so với thủ thuật trước đây của tôi ... Vì vậy, hãy thực hiện theo các hướng dẫn dưới đây để chạy tốt ...
Xem Demo: Demo for postẢnh minh họa:
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML) - Tiếp tục => Xem video:
#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;} td.showpageOf{display:none;} #nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;} #nav a{display:block; text-decoration:none; color: #0066FF} #nav a:hover{ text-decoration:underline;} #nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold} .cur{ font-weight:bold;} .csb{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block;} .csb.cur{background-position: -44px 0pt; width: 16px;} .csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;} .csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;} .csb.ch{background-position: -60px 0pt; width: 16px;} #nav td{padding:0;text-align:center}- Bạn hãy tải hình ảnh nav_logo7.png trong đoạn CSS trên về upload lên blog và thay vào để dùng lâu dài nha. (Bấm đây để tải về)
5. Chèn tiếp code bên dưới vào trước thẻ </body>.
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='« Prev';
var downPageWord ='Next »';
</script>;
<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>
</body>
Trong đó:- var postperpage=7; (Số bài viết muốn hiển thị)
- var numshowpage=4; (Số phân trang)
- var upPageWord ='« Prev'; (Có thể thay đổi chử Trở về thành chữ Trang sau)
- var downPageWord ='Next »'; (Có thể thay đổi chử Trang tiếp)
Tùy chỉnh để tiện ích hiển thị với nhãn:
Tìm đoạn code sau:'data:label.url'Và thay thế thành:
'data:label.url + "?&max-results=7"'Sau đó bấm lưu mẫu lại.
Nguồn: abu-farhan.com
Nhận xét
http://www.vietnamsgottalent.net/ code mới hoàng thành, heheh
Trả lờiXóahttp://conduongdaophap.blogspot.com/
Trả lờiXóaNhạc DJ mới nhất
Trả lờiXóabạn ơi gửi lại cho minh link bài viết . cách khởi tạo blogspot.com nhé
Trả lờiXóaTrả lời thay Amin nha. bạn đánh từ khó khởi tạo vào khung tìm kiếm ở trên đầu bài viết ý:
Trả lờiXóahttp://namkna.blogspot.com/2011/05/khoi-tao-blogger.html
@Dung ma van Cảm ơn Dung ma van trả lời hộ. Bài khởi tạo đây: Khởi tạo blog
Trả lờiXóaBài viết rất chi tiết ... Sao Mình làm theo hướng dẫn như vẫn không phân trang được nhỉ ... Hay do của Mình phải code khác ...
Trả lờiXóaĐây là blog của Mình : http://ghostplukei90.blogspot.com/
Ad xem dùm rồi cho ý kiến nha ... Cảm ơn
Hay...........
Trả lờiXóa-----------------
Nhac San
cho mình hỏi làm sao để tạo phân trang với kết quả sau khi search nhỉ :D mình làm đc label, với trang chủ nhưng search thì chịu @@ Namkna bày mình cái @@
Trả lờiXóaChỉ có dạng label sử dụng trang google.com/search mới có phân trang nha bạn. Còn dạng search nội tuyến của blogger không tích hợp với phân trang được vì nguyên lý nó hiển thị toàn bộ feed mà :)
XóaỪM, mình hiểu rồi, thank Namkna
XóaKhông có gì. Khi nào google thay đổi chính sách cho phép chỉnh sửa phần đó mình sẽ viết bài cho các bạn :)))
XóaNam xem giúp mình với: Sao mình bấm vào các trang của một nhãn nào đấy thì nó đều hiển thị mấy bài ở trang 1 ( mình bấm trang 2, 3 hoặc 4 đều thấy nó hiển thị bài đăng ở trang 1 ) ( Các trang trên trang chủ thì bình thường).
Trả lờiXóaMong bạn qua xem dùm mình :
Đây là trang 1
Đây là trang 3
Chúng giống nhau hoàn toàn...
Nam ơi, chỉ giùm mình với !
Trả lờiXóaXin lỗi mấy hôm nay mình bận quá không replys được :)))
XóaĐó là do lỗi phân trang trong tiện ích phân trang của bạn, Nôm na là tiện ích đó chỉ hoạt động tốt với blog dưới 500 bài. lớn hoăn thì sẽ lỗi.
Bạn có thể tham khảo bài này: http://six-million-namkna-templte.blogspot.com/2013/02/cap-nhat-loi-phan-trang-voi-cac-mau-tai.html
Cái link mà bạn giới thiệu cũng bị lỗi...Thế thì làm thế nào?...Bạn giới thiệu cho Giang tiện ích phân trang khác nhé. Cái nào mà bạn thấy khả thi ấy...
Trả lờiXóaHãy gỡ bỏ tiện ích phân trang cũ sau đó cho cái này vào nha: Numbered Page Navigation 3000
Xóa- Nếu không được thì hãy gửi nó vào tavannam01@gmail.com mình sẽ chỉnh giúp.
Mình đã làm theo hướng dẫn ở bài viết bạn đã giới thiệu ( Numbered Page Navigation 3000) nhưng tiện ích không hoạt động. Mình đã gửi ID và MK vào mail của bạn. Mình nhờ bạn phân trang giúp mình 2 blog của mình. Biết là tham nhưng hãy giúp mình thêm lần này nữa nhé ! Cảm ơn bạn !...
Trả lờiXóaCảm ơn Nam nha ! TRANG hiển thị tốt lắm !...
Trả lờiXóaKhông có gì. Hôm qua thêm cho bạn xong quyên không thông báo :))
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn ơi mình đã làm theo nhưng bị hiện widget của ô tác giả nhìn rất xấu làm sao để xóa đi vậy http://allshareenglish.blogspot.com
Trả lờiXóaBạn có thể xem bài này: VES 1
Xóa