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

Кнопки вверх и вниз на jQuery для Blogger

Knopki-vverh-i-vniz-na- jQueryПриветствую вас, дорогие мои друзья! В буржунете, что не блог на Blogger, то обязательно тема связанная с Blogspot. Встречаются довольно приличные веб - ресурсы, где можно найти полезные виджеты, различные трюки и так далее. Чтобы мы делали без них? Где брали бы темы для наших постов? Существовали ли блоги в рунете, пишущие о платформе Blogger? Наверное нет. Поэтому, хочу сказать им - большое спасибо, за то, что вы есть!

В моём блоге, если не изменяет моя память, похожего скрипта кнопок вверх и вниз, нету. Надо срочно исправлять ситуацию, так как я хочу собрать максимально всё полезное для Blogger в одном месте, то есть, здесь. Особенно для начинающих пользователей бесплатного и популярного продукта от Google - блогохостинга. Зашли сюда и опа, всё есть. Вот как то так.

Как установить кнопки вверх и вниз на jquery в Blogger

Данные кнопки в блоге смотрятся великолепно, думаю вам и вашим посетителям понравятся, и вы обязательно их установите:

up-and-down
Кнопки вверх и вниз на jquery для Blogger
the-up-and-down
Кнопки вверх и вниз на jquery для Blogger

Для того, чтобы установить эту прелесть в блог, найдите в своём шаблоне тег  ]]></b:skin> куда мы обычно устанавливаем все стили CSS и чуть выше вставляем код:

Здесь, в стилях вы можете заменить картинки кнопок на свои и поменять параметры кнопок - ширина, высота и так далее.

Следующий шаг, ищем в конце шаблона тег </body> и опять чуть выше над ним копируем код:

Вот и всё, готово. Сохраняем шаблон и смотрим, что у нас получилось.

Надеюсь, дамы и господа, для вас это было полезно. Всего доброго и удачи.

Комментарии

  • Спасибо большое, действительно прелесть ) Эти кнопочки мне понравились больше, чем те которые стояли у меня до этого ( http://shkolablogger.ru/knopki-vniz-i-vverh-dlya-blogger.html )
    Удобные и ничего лишнего.
    А можно ли их передвинуть в низ экрана? Посередине несколько непривычно.

    • Михаил, чтобы настроить расстояние, установите нужное значение в этих двух строчках — bottom:280px; /* Distance from the bottom */ и bottom:242px; /* Distance from the bottom */ в меньшую сторону. Первая строчка это — расстояние первой кнопки и соответственно вторая строка — второй кнопки. 🙂

  • Спасибо! Вышло)
    Стрелочки красивые. А где можно их скачать, чтобы ссылки ставить на собственное хранилище?
    И ещё такой вопрос: я как хранилище использую гугл-диск. Но почему-то он увеличивает изображения и стрелки становятся размытыми. Не подскажите в чём проблема?
    Ещё раз спасибо.

    • В первом коде есть ссылки на изображения. Если у вас не получается с картинками, оставьте как есть или используйте яндекс фотки, там легче. 🙂

      • в общем, я сделала так:
        скопировала адрес, открылись изображения на отдельной странице.
        их я сохранила на гугл-диск (яндексом я не пользуюсь), и оттуда взяла юрл-ссылки.
        вставила в код и сохранила.
        в итоге получились размытые квадратики О_о
        уже не в первый раз такое, не пойму в чём проблема.
        пока оставлю как есть)

  • только что попробовала через каби ком, тоже не вышло — в этом случае белое пятно в квадрате ((

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

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

Решите задачку: *