Кнопка наверх в Blogger

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

            Добрый день читатели блога damirtote.ru! В этой статье я Вам расскажу и покажу два примера о том, как сделать удобную составляющую для любого блога с большим объемом текста в статье, а именно кнопка наверх в Blogger блоге. Такие кнопки часто применяют различные блоги и это действительно очень удобно, не нужно крутить валик мышки. Как Вконтакте нажал и ты уже наверху и продолжаешь выбирать из панели меню интересующий нас материал.
 
 
            Вы уже можете наблюдать на моем блоге кнопку наверх в Blogger. Как я уже говорил ранее, есть два пути установки такой кнопки. Первый – это самый простой способ установки кнопки наверх. Простым кодом и изображением, естественно с прозрачным фоном. Ниже у меня приведены несколько кнопок, подберите по своему вкусу среди них.
 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="НАВЕРХ">
<img src="Ссылка на изображение" /></a>
 
            Данный код нужно вставить в HTML гаджет и у Вас после сохранения появится кнопка наверх в Blogger. Но у этого кода есть не большой минус. А именно, кнопка наверх появляется сразу же и при нажатии резко отправляет Вас на начало.
 
            Второй способ составлен с помощью скриптов. Его преимущество в том, что кнопка наверх появляется справа во время прокрутки и при нажатии на нее, прокрутка наверх идет плавно. Этим она мне больше нравиться. Вот этот скрипт.
 
<script type="text/javascript" src="http://fghrtghjyjtyjytj.googlecode.com/files/наверх%201.js">
</script><div style='display:none;'><a href='http://www.damir-tote.ru/'>blogger</a></div>

<script src='http://fghrtghjyjtyjytj.googlecode.com/files/наверх.js'/></script>
 
            Можете его использовать, тем же способом. Либо с помощью гаджета или вставить его в шаблон Blogger.
 
            Если хотите свою кнопку наверх, а не мою предложенную, то копируем http://fghrtghjyjtyjytj.googlecode.com/files/наверх.js на свой рабочий стол и изменяем адрес рисунка в нем на свой. Пример приведен ниже.
 
 
            Как вы поняли, сохраняем код на хостинг Google code. Действительно очень удобно, не какой-то сторонний ресурс и уверен, что файлы не потеряются.
 
            А вот и кнопки наверх в виде рисунков, выбирайте и устанавливайте.
 

 

 
   
 

Трекбэк с Вашего сайта.

  • ARaMcHiiiK

    Не знаю почему но я добавляю первый код к себе на блог — Дизайн + Виджеты + HTML/JavaScript но ничего не меняется почему не знаю (( Можете что-нибудь посоветовать ?

    • Беда опять с кавычками на моем сайте, не могу изменить(( подправь их и будет все ок!

      • ARaMcHiiiK

        Ага обязательно скажу !

    • Поправил код, если будут еще где то не стыковки, надеюсь ты мне скажешь)))

  • Семен

    искал в нет много всяких сайтов с кнопками, но только здесь работает принцип «копировать-вставить». спасибо.

  • Доброго время года, кнопка безупречна, плавное вверх идеально но вот вопрос: а есть возможность поменять кнопку с правого края на левый?

    • Возможно, в первом варианте нужно прописать вместо рихт, на лифт, а во втором зайти в скрипт и сделать тоже самое.

      • А в каком именно месте во втором варианте?
        в скрипте не понимаю что именно отвечает за положение кнопки.

        вот это?

        поменять на left

        • Нет, в файле .js нужно редактировать, только потом уже придется данный файл заливать на свой хостинг или в гугл код.

          • Ясно спасибо большое за ответ и за кнопку.