Стрелка навигации клавиш для Blogger

Навигация по блогу/сайту, путем использования клавиш со стрелками на клавиатуре действительно очень полезная вещь, поскольку вы не должны ходит вокруг страницы для просмотра новых или старых постов и страниц. Возможно, вы уже видели эту функцию на многие топ блогах.

Стрелка навигации клавиш для Blogger

Это действительно простой и чистый виджет. Вы тоже очень легко можете реализовать эту функцию на своем Blogger блоге. Вам просто нужно добавить виджет стрелку навигации по клавишам на свой блог Blogger.

Зачем мне нужен этот виджет?

Это простой и легкий виджет, который не зависит ни от каких внешних библиотек, и его действительно легко установить. Это даст вашим пользователям легкий способ навигации по различным страницах вашего блога. Им не придется прокручивать все, вплоть до нижней части страницы и искать ссылки старых и новых страниц.

Это работает не только на страницах постов/сообщений, ярлыках, но и на домашней/главной странице блога. Стрелка навигации, то есть сам виджет будет отключаться, на момент когда пользователь будет набирать что-то в текстовое поле на блоге (Это было сделано, чтобы избежать изменений в любом тексте, когда пользователь печатает что-то в поле комментариев или поиска, используя клавиши со стрелками для перемещения по этому тексту.).

Как добавить этот виджет?

Добавьте следующий кусок кода на боковую панель или в нижний колонтитул своего блога, во вкладке «Дизайн», нажав на ссылку «Добавить гаджет», и стрелки с навигацией будут активированы на вашем блоге.

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

Этот виджет не появится на вашем блоге, то есть вы можете дать ему любое подходящее название, которое поможет вам с легкостью определять виджет на странице дизайна.

Как удалить виджет?

Если вы хотите удалить этот виджет в любое нужное вам время, вам нужно просто также зайти во вкладку «Дизайн» найти виджет стрелки навигации и удалить его.

Пожалуйста, поделитесь своими идеями, вопросами или предложениями, а если вам нужна дополнительная помощь, просто дайте мне об этом знать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>