Qua lại bài viết sử dụng phím mũi tên cho blogspot

Vừa rồi có bạn đã hỏi mình làm cách nào để chuyển qua lại giữa các bài viết bằng phím mũi tên trên bàn phím, ngày hôm nay mình đã vô tình đọc được bài một bài viết hướng dẫn thêm tiện ích này cho blogspot và mình lập tức muốn chia sẻ đến các độc giả của TrollVL.Com.

Giới thiệu

Tiện ích cho phép bạn chuyển qua lại bài viết trên blog bằng cách sử dụng phím mũi tên bàn phím sẽ rất tiện ích cho độc giả của bạn muốn chuyển tới bài kế tiếp hoặc trước đó mà không cần phải tìm các liên kết trang mới hơn hoặc cũ hơn. Có lẽ bạn đã gặp tính năng này trên nhiều website, điểm hình là haivl.com.
Phím mũi tên sẽ bị vô hiệu khi bạn đang gõ văn bản trên blog như khi đang viết nhận xét vì vậy bạn không phải lo lắng sẽ bị chuyển trang khi đang soạn thảo.
Đây là một tiện ích đơn giản, trọng lượng nhẹ và nó thực sự dễ dàng để cài đặt vào blog.

Demo

Cài đặt

Cách 1: Rất đơn giản, bạn chỉ việc click vào button bên dưới để thêm tiện ích thú vị này vào blog của mình. Bạn có thể xóa tiêu đề widget Arrow Key đi nếu muốn

Cách 2: Vào Blogger -> Bố cục(Layout) thêm tiện ích HTML/Javascript mới sau đó sử dụng đoạn code bên dưới

<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>