Điều hướng các bài viết của Blogger bằng phím tắt

Tiện ích này cho phép bạn điều hướng qua lại các bài viết trên blog của bạn bằng cách sử dụng phím tắt mũi tên ← hoặc → trên bàn phím, nó có thể sẽ tiện lợi cho bạn nếu muốn chuyển tới bài kế tiếp hoặc trước đó một cách nhanh chóng bằng phím tắt.

- Chỉ cần dán đoạn mã dưới đây trên thẻ đóng </head> hoặc trên thẻ đóng </body> trong trình soạn thảo Mẫu (Mẫu >> Chỉnh sửa HTML) của bạn, sau đó lưu lại.
- Hoặc vào Blogger >> Bố cục >> Thêm Tiện ích >> HTML/Javascript dán đoạn code phía dưới vào và lưu lại

<script type="text/javascript">
//<![CDATA[
(function(win, doc) {
    var pager;
    // left = 37, right = 39
    doc.onkeydown = function(e) {
        switch (e.keyCode) {
            case 37: pager = doc.getElementById('blog-pager-newer-link'); break;
            case 39: pager = doc.getElementById('blog-pager-older-link'); break;
        }
        if (pager) {
            pager.className = pager.className += ' active';
            win.location.href = pager.children[0].href;
            return false;
        }
    };

    doc.onkeyup = function(e) {
        switch (e.keyCode) {
            case 37: pager = doc.getElementById('blog-pager-newer-link'); break;
            case 39: pager = doc.getElementById('blog-pager-older-link'); break;
        }
        if (pager) {
            pager.className = pager.className.replace(/ active/g, "");
        }
    };
})(window, document);
//]]>
</script>

- Lưu lại vậy là xong!
Đoạn mã trên có tác dụng điều hướng các bài viết qua lại bằng cách sử dụng phím tắt ← hoặc → trên bàn phím.

Xem Demo

Để trang trí cho nó có thể sử dụng đoạn css dưới đây:

#blog-pager-older-link.active a,
#blog-pager-newer-link.active a,
#blog-pager-older-link a:active,
#blog-pager-newer-link a:active {
  background-color:red;
  color:white;
}

Phương pháp này có thể không hoạt động đối với blog có chức năng can thiệp bằng các phím khác

Nguồn internet