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

Слайдер (Slider) виджет для Blogger

Слайдер на jQuery Привет, дорогие читатели! Наша сегодня тема - слайдер (Slider) на Css и jQuery для Blogger. Привлекательный дизайн и хорошая навигация, по моему одно из важных составляющих любого сайта или блога. Многие добавляют новые функции в свои блоги, для удобства гостей и драгоценных читателей своего любимого детища.

Есть в Blogger, виджет популярных сообщений, который обычно добавляют на боковую панель блога. В этот раз я поделюсь с вами гаджетом лучших постов, который имеет другой вид, чем обычно. А именно, в виде слайдера (Slider), как показано ниже на скриншоте.

Slider
Слайдер (Slider) популярные сообщения

Для тех из вас, кто заинтересован в установке в свой блог стильного слайдера, следуйте простой инструкции.

Как установить слайдер популярных сообщений в Blogger

Показать над сообщением поле "Добавить гаджет":
добавить гаджет

Если у вас есть такое поле над сообщением, тогда пропустите этот шаг. Для тех у кого не отображается поле добавить гаджет, выполните следующие действия. В шаблоне блога находим такую строку: <b:section class='main' id='main' showaddelement='no'> и в место 'no' вписываем 'yes'. Для облегчения поиска пользуемся Ctrl + F на клавиатуре. Сохраните шаблон.

Далее, Дизайн - Добавить гаджет HTML/JavaScript над сообщением. В поле гаджета вставляем код слайдера:

В строчке - blogURL:"###", в место решеток вписываем URL вашего блога. В этой строчке - MaxPost:8, выставляем количество прокручивания ваших лучших постов. Если Вы хотите изменить синий цвет на другой, измените цветовой код # 0097BD в двух местах. Для подбора цвета можете использовать этот инструмент. Удачи.

Источник - mkr-site.blogspot.ru

P.S. Слайдер будет отображаться на всех страницах блога. Для того чтобы, он отображался только на главной странице, читаем здесь.

С уважением, Сергей - блог Школа Bloggera

Комментарии

  • Здравствуйте, Сергей! Спасибо Вам за слайдер и пояснительную статью. Я поставила слайдер у себя на блоге, но мне бы хотелось убрать затемнение фотографий. Подскажите, пожалуйста, что нужно изменить в коде?

  • Пример слайдера с параллаксом siteacademy.ru/index.php/css/39-css/parallax-scrolling-slider

  • Здравствуйте. У меня на блоге на страницах И в сообщениях размещенно большое количество ссылок на другие сайты. Мне необходимо сделать кликабельный слайдер или ротатор этих ссылок так чтобы каждая ссылка открывалась в блоге и если это не возможно то в новом окне.

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

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

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