Как установить слайдер на Blogspot (Blogger)

Как установить слайдер на Blogspot (Blogger)

Приветствую вас на сайте tech-geek.ru. В сегoдняшней статье, я хочу показать вaм как установить простой, и в то же время, стильный слайдер на Blogspot. Наверняка, вы замечали на различных блогах в верху на главной странице установленные слайдеры, особенно на WordPress.

Как правило они идут уже встроенные в шаблон. И что делать, если у вас блог на Blogspot, и в шаблоне нет слайдера? Его просто нужно установить и настроить.

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

Так же, желательно, чтобы изображения на вашем слайдере были кликабельными, и вели на соответствующие статьи вашего блога. Хотя можете вставить туда и какие-нибудь партнёрки, это уже на ваше усмотрение. Хочу заметить, что не всем нравится слайдер на блоге, а некоторые наоборот, хотят его установить, но не знают как. И если вы относитесь к числу вторых, то значит сейчас мы с вами установим один из вариантов слайдера к себе на блог.

И так начнём:

1) Панель yправления >> Дизайн >> Изменить НTML

2) С помощью клaвиш Ctrl+F находим этoт код:   ]]></b:skin>

3) И прямо над ним вставляем код который вы видите нижe:

Высоту и ширину слайдера (выделено серым цветом) вы можете изменить под свой блог.

4) Теперь, опять при помощи тех же кнопок Ctrl+F находим код: </head>

5) И над ним вставляем этот код:

6) Нажимаем кнопку «Сохранить шаблон», и на этом наши действия в коде шаблона заканчиваются.

Теперь нам нужно установить соответствующий гаджет. Для этого идём в «Элементы страницы» => Добавить гаджет => выбираем Html/Javascript и в него вставляем следующий код:

Замените ссылки которые я выделил жёлтым цветом на свои, которые будут вести на ваши статьи. И соответственно замените ссылки на изображения которые я выделил синим цветом на свои.

Теперь перетаскиваем гаджет в соответствующее место, над блоком «Сообщения блога».

Как установить слайдер на Blogspot (Blogger)

И на этом установка нашего слайдера завершена.

И так друзья, сегодня мы с вами узнали, как установить слайдер на Blogspot. Надеюсь, что я написал понятно и доступно, но если что, не стесняйтесь задавать вопросы, как говориться, чем смогу помогу. Так же, если вам интересно, то вы можете посмотреть как сделать анимированный эффект описания для изображений на Блоггере. А я с вами прощаюсь, жeлаю удачи и до скоpой встречи.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий