Phân trang dùng bàn phím (hay còn gọi là Arrow Key Navigation) Là tiện ích mà độc giả có thể xem các trang tiếp theo khi xem bài viết ở trang chủ, trang nhãn, trang lưu trữ hay trang bài viết mà không cần dùng chuột để bấm vào các liên kết bài đăng mới hơn và bài đăng cũ hơn như các kiểu truyền thống trước đây. Với kiểu này chỉ cần dùng các phím mũi tên trên bàn phím bạn có thể chuyển đến trang kế tiếp hoặc lùi lại một trang trước đó.
Bạn cũng có thể dùng song song tiện ích này với tiện ích dùng các button đánh số trang như trước đây.
Các bạn có thể xem demo theo link ở bên dưới. Hãy sử dụng các phím mũi tên lên trên, xuống dưới, sang phải, sang trái trên bàn phím máy tính để đọc nội dung và chuyển trang khác nha bạn:
VIEW DEMO
Hẳn sau khi xem demo bạn sẽ thấy nó rất thú vị phải không các bạn, Nếu bạn thấy thích nó thì chúng ta vào phần hướng dẫn chi tiết để thêm tiện ích này vào trang blog của bạn thôi.
» Tại sao bạn nên thêm tiện ích này?
Đây là một tiện ích đơn giản, có dung lượng nhẹ load nhanh và ổn định không phụ thuộc vào bất kỳ một thư viện javascrits nào bên ngoài, và điều nữa cài đặt nó thực sẽ tốt. Tiện ích này cung cấp cho người dùng trải nghiệm tốt hơn khi xem trang và tiến hành chuyển hướng sang các trang tiếp theo của blog. Độc giả của bạn sẽ không phải dùng chuột để kéo xuống phía dưới cùng của trang để và tìm kiếm các liên kết bài đăng cũ hơn và mới hơn truyền thống của blogger. Họ chỉ cần sử dụng các phím mũi tên trên bàn phím.
» Thêm tiện ích phân trang sử dụng bàn phím này vào blogger của bạn.
1- Đăng nhập vào blog
2- Vào bố cục - thêm tiện ích - tạo một tiện ích HTML/javascripts và dán đoan code bên dưới vào nha:
<script type='text/javascript'> document.onkeyup = function(event) { if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return; event = event || window.event; switch(event.keyCode) { case 37: var newerLink = document.getElementById('Blog1_blog-pager-newer-link'); if(newerLink !=null) window.location.href = newerLink.href; break; case 39: var olderLink = document.getElementById('Blog1_blog-pager-older-link'); if(olderLink!=null) window.location.href = olderLink.href; } }; </script>
3- lưu mẫu của bạn lại và quay trở lại blog để kiểm tra xem tiện ích này hoạt động như thế nào bằng cách sử dụng các phím mũi tên trên bàn phím nha bạn.
Mẹo nhỏ: Như mình nói ngay từ đầu tiện ích này còn khá mới mẻ so với các kiểu phân trang dùng chuột click lên các liên kết trang truyền thống trước đây, nên còn nhiều người chưa biết các sử dụng nó, Do vậy bạn có thể tạo một chú thích nho nhỏ để thông báo cho mọi người rằng bạn đang có tiện ích phân trang mới khá hay đó.
Nhận xét
tks rất tiện lợi
Trả lờiXóaNam Kha ơi Cô lập một trang bên violet http://violet.vn/nguyenanh1963 ban đầu có nhãn quản trị ở trên thanh menu trên cùng cùng với nhãn trang chủ . bông dưng mất tiêu . giờ cô không có đường nào vào trang quản trị , như vậy mất quyền quản trị trong khi vẫn đăng nhập được. Mong NK đăng nhập vào xem giúp cô . địa chỉ cô gửi trong mail. cô mong tin của NK và cảm ơn nhièu
Trả lờiXóaBên violet cháu chưa thử bao giờ cô ak.
XóaTuy nhiên trang dó cấp quyền dạng như bên workpress nên nếu quản trị của trang đó xóa quyền của mình thì mình sẽ mất những quyền chỉnh sửa nó/.
Rất tiện ích a ơi ^^ Thaks a nhiều nhưng những site đã có phân trang với Navigation thì không dùng được cái này @@
Trả lờiXóaChỉ một số sityle bị xung đột code nên không chạy cùng được cái này thôi em ak.
XóaE muốn hỏi a Nam ngoài lề chút vì e không thấy bài liên quan ak. E muốn xóa các giá trị mặc định cho bài viết ở chân bài vd: bài viết liên quan, tiện ích chia sẻ, comment facebook,... ra khỏi trang tĩnh như: Điều khoản sử dụng,liên hệ,... thì làm thế nào ạ??
Trả lờiXóaMong trợ giúp của a.Hi.
Thank a!
Em thêm đoạn code bên dưới vào sau thẻ </head>
Xóa<b:if cond='data:blog.pageType == "static_page"'>
<style>
Thuộc tính cần ẩn {display:none !important}
</style>
</b:if>
Trong đó thay Thuộc tính cần ẩn thành ID hoặc class của phần em muốn ẩn.. Giữa các id và class với nhau cách nhau bởi dấu phẩy nha em.ví dụ:
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#related-posts-block, .post-author-block, .fb-comments, #comments{display:none !important}
</style>
</b:if>
Anh cũng từng viết một bài tương tự em có thể xem nó ở đây: Ẩn sidebar khi xem bài viết trong blogspot
XóaCảm ơn anh! Tiện ích này rất gọn gàng và chạy tốt :)
Trả lờiXóaRất vui vì nó có ích với em :)
XóaE viết chưa rõ. Hi. Ý em là xóa các giá trị mặc định đấy ra khỏi bài viết, a xem: http://www.cuois2.com/2013/10/forum-google-cho-cuois2com.html.
Trả lờiXóaCòn e không tạo trang trống vì chẳng hiểu sao khi xem nó bé bằng sidebar ak. Anh có thể xem giúp e này:
http://www.cuois2.com/p/blog-page.html
Thank a!
1- Nếu không cần tiện ích bài viết liên quan thì em xóa đoạn code của nó đi là oke.
Xóa2- Tiện ích nút share em cũng có thể vào mẫu và xóa nó đi tìm các đoạn id và class tương ứng trong xml và css xóa đi là oke.
Anh ơi, a chưa hiểu ý của e. E muốn nói là bỏ các tiện ích cuối bài viết cho một số bài nhất định thui, không phải trang nhé! Còn cái trang a coi giúp e làm sao để nó to ra, trang rộng có khoảng 300px thui ak mà e không tìm được giá trị để chỉnh nó. A xem giúp e này: http://www.cuois2.com/p/blog-page.html
XóaVậy thì em chèn đoạn code bên dưới vào phần HTML của bài viết mà em muốn ẩn các thành phần đó đi nha:
Xóa<style>
Thuộc tính cần ẩn {display:none !important}
</style>
Trong đó thay Thuộc tính cần ẩn thành ID hoặc class của phần em muốn ẩn.. Giữa các id và class với nhau cách nhau bởi dấu phẩy nha em.ví dụ:
<style>
#related-posts-block, .post-author-block, .fb-comments, #comments{display:none !important}
</style>
sau dó xuất bản bài viết là được.
E làm được rồi a nhé. Cảm ơn a ah!
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaMinh không rõ ý bạn nó đã thành công rồi giờ bạn lại nói không thành công là sao :???
Xóaà máy mình bị hỏng bàn phím < > :v
XóaHix :??
Xóaa nam oi
Trả lờiXóaa cho e hoi cai doan auto like fb cua e sao ko hoat dong vay a
co nhieu nguoi vào xem nhưng vẫn ko tự like dược: e coppy của VN141.com
a xem giùm e tí demo e: http://123vl.blogspot.com/
Em có thể xem bài này nha em:
XóaAuto like Facebook khi click chuột vào vị trí bất kỳ cho blogspot
tốt nhất làm bên blogsport seo dễ quản lý cũng dễ
Trả lờiXóaĐúng vậy bạn ak.
XóaCho mình hỏi blog bạn dùng themes gì vậy? Sẵn tiện cho mình hỏi luôn việc trao đổi liên kết, vì web của mình là web giáo dục nên chắc chắn không có mã nguồn spyware hay gì gì hết. Mình có thể đặt liên kết dofollow ở blog bạn được không?
Trả lờiXóaVì blog bạn ở web mình cũng sẽ là dofollow. Bạn có thể xem web mình tại đây : tieng anh cap toc
bạn hãy thêm sau đó báo lại cho mình nha.
XóaBạn vào http://anhnguucchau.edu.vn/ xem trong menu liên kết nhé - chờ tin của bạn
XóaĐã liên kết
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaanh nam ơi - mới chèn quảng cáo à anh
Trả lờiXóanhờ anh xem hình link duoi
ảnh tại đây anh
rồi chỉnh khoảng cách trang : http://giasudaihocvinh.blogspot.com/
giúp em với
Blog đó không tồn tại em ak. :???????????????????
Xóađây anh nhé : em mới đổi tên : http://giasudhv.blogspot.com/
Trả lờiXóaThứ nhất đoạn code này của em bị sai nè:
Xóa.menufooter{background:url(hhttp://4.bp.blogspot.com/-bkVX-Kp_DyI/TvB0ghTvx5I/AAAAAAAAAV4/xx_GyTXMyFU/s1600/menubgfooter.gif) no-repeat bottom;height:14px;margin-top:-1px;}
link ảnh đó sai em phải đổi lại thành:
.menufooter{background:url(http://4.bp.blogspot.com/-bkVX-Kp_DyI/TvB0ghTvx5I/AAAAAAAAAV4/xx_GyTXMyFU/s1600/menubgfooter.gif) no-repeat bottom;height:14px;margin-top:-1px;}
Nếu muốn xóa nó để nó sát với bài viết thì em chỉ cần xóa đoạn anh nói ở trên là được.
2- Khoảng cách phần trên thì em thay đoạn":
#header {width:960px;margin:8px 0}
thành:
#header {width:960px;margin-bottom:8px}
thay 8px thành số khác nha em. Có thể thay thành giá trị âm như -3px
Bạn ho min hỏi chút,
Trả lờiXóaMình tạo blog, nhưng khi up baner lên thì nó lệch sang phải quá nhiều
Cụ thể ở trang này: -diendanmuabannhadat.blogspot.com/.
Bạn giúp mình cánh chỉnh nhé.
Thanks
Mình vào thì thấy banner nó vẫn hiển thị bình thường mà bạn :??????
Xóa<a href="Link" rel="nofollow">Tên</a>
Trả lờiXóa