Как вставить фон с анимацией в Блоггер

До Нового года осталось не так уж много времени - пролетит быстро. Многие будут украшать свои блоги к празднику. Возможно, этим украшением для Blogger станет анимированный фон. Принцип добавления фона с анимацией тот же, что и для обычного. 

Изменить фон можно при помощи дизайнера шаблонов. Покажу на примере вставки фона с анимацией.

И сразу напомню, что для изображения, которое будет использоваться в качестве фона, требования следующие - максимальный рекомендуемый размер 1800х1600 пикселей, объем картинки не должен превышать 300Кб.

Картинки с небольшим "весом" трудно найти. В статье Где взять бесплатные фоны для Blogger я рассказывала про сайт, где такие изображения можно выбрать. 
 С анимированными фонами еще сложнее. За счет анимации их "вес" значительно увеличивается. Плюс замедляется загрузка всего блога при использовании такого фона. 

Но выход, как всегда, можно найти)) 

Итак, как вставить в блог на Blogger анимированный фон:

1. Ищем в Интернете небольшие по размеру бесплатные анимированные картинки в формате .gif. И сразу обращаем внимание на границы картинки. Если они будут контрастные по сравнению с основным фоном - может получиться некрасивый "стык" картинок, так как для фона в Blogger мы будем использовать функцию "замостить". Например, я нашла такое изображение:

  Открываем его в браузере в отдельной вкладке (чтобы примерно видеть размер картинки) и сохраняем себе на компьютер.

Далее у себя на компьютере смотрим параметры изображения:

Либо просто подводим курсор к выделенной ранее картинке и смотрим во всплывающей подсказке, либо внизу рабочего окна.

2. Если размеры нас устраивают - идем в настройки блога. Сохраняем резервную копию шаблона (!).

3. Далее заходим в пункт Шаблон -> Настроить. 

Попадаем в Дизайнер шаблонов.

4. Переходим на вкладку Фон. Находим маленький треугольник под надписью Фоновое изображение, нажимаем на него. Затем Загрузить изображение:

5. Выбираем файл с картинкой на своем компьютере, ждем загрузки и жмем кнопку Готово. (здесь картинка для фона на скриншоте другая):

6. Настраиваем фоновое изображение - выравнивание, замостить. Попробуйте выбрать другие варианты (разделять на мозаику и др.). Решите - будет ли фон прокручиваться вместе со страницей блога или нет. 

И лишь после всех настроек нажимайте кнопку Применить к блогу. 

Пример анимированного фона можете посмотреть в моем самом первом блоге Дети и родители.

Еще один вариант анимации попробовала использовать в блоге Отдыхай-ка! Сначала создала анимированный текст с фоном в онлайн сервисе http://cooltext.com/ Сохранила его на компьютере. И потом, как картинку, загрузила в блог (все шаги см. выше). Опять же, с функцией "замостить".

Надеюсь, эта инструкция кому-то будет полезна.