Google+ Как поставить кнопку «Вверх» на блоге без плагина

Как поставить кнопку «Вверх» на блоге без плагина

Давно хотела поставить себе кнопку «Верх» без использования плагина. Но все никак не получалось. Мне хотелось подобрать вариант попроще. Все предлагаемые способы установки стрелки «Верх» без плагина предполагали создание папки в корневом каталоге сайта, наличие огромных скриптов, которые нужно загружать в код страницы и многое другое не очень понятное.

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

А когда изменила шаблон на этом блоге и внизу увидела стрелочку «вверх», подумала «Чем мои другие блоги хуже? И там нужно поставить похожие кнопочки». Тем более, что при большом количестве комментариев приходится часто прокручивать колесико мышки для того, чтобы подняться к началу статьи. Самой неудобно.

Как поставить стрелку «Вверх» на блоге без плагина

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

Итак, если вы хотите поставить себе на блог стрелочку прокрутки «Вверх», как на моем кулинарном блоге, то нужно выполнить несколько простых действий:

Как поставить кнопку «Вверх» 

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

Затем берете вот такой скрипт:

<a style=»position: fixed; left: 93%; top: 95%;» href=»#»><img src=»ссылка на картинку» alt=»Вверх» width=»» height=»» align=»» /></a>

И добавляете в файлы single.php и page.php  в самый низ перед кодом <?php get_footer(); ?>, добавив свой ссылку на картинку с изображением стрелки

Это будет выглядеть так:

Можно поэкспериментировать с размещением стрелки изменяя проценты — left: 93%; top: 95%;

Если не хотите «заморачиваться» с поиском стрелки, тогда можно вставить вот такой скрипт:

 <a style=»position: fixed; left: 93%; top: 95%;» href=»#»><span style=»font-size: medium;»>Наверх</span></a>

И вместо стрелки будет отображаться надписть «Наверх». Мне очень понравилось. А вам? Поделитесь своими впечатлениями, когда установите свою стрелку «Вверх».

Ваша Блогобабушка


Понравилась статья? Поделитесь с друзьями в соцсетях

Подпишитесь на обновления блога по email:

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

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


восемь + пять =

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