Я создала свой собственный фон для блога Blogspot.

Новый бесплатный Дизайнер шаблонов (Blogger Template Designer) дает очень широкие возможности для оригинального оформления своего блога.Поэтому я решила воспользоваться такой халявной услугой и поменять свой шаблон.

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

Вот например::

Поэтому я и решила попытаться сделать свой собственный фон (background) для блога на основе своей вышитой дорожки.
Впрочем, наверное не всем этот процесс интересен, поэтому для интересующихся я предлагаю

Сфотографировала вышитую дорожку, обработала в редакторе Photoscape : обрезала, откорректировала цвет,резкость и т.д, сохранила в заранее подготовленную папку..

Если пойти в Дизайнер шаблонов блога, и выбрать вкладку ФОН, то исходя из моего скриншота

Нажимаем по порядочку все что у меня отмечено красными рамочками, и, в итоге, получаем объяснение по поводу фона из собственной картинки (подчеркнуто красным):

“Можно загружать файлы размер которых не превышает 300 кб. Картинка должна быть не менее

1800 х 1600 пикселей.” (не всегда верно – проверено мной на практике)

Вышитая дорожка у меня узкая, так что пришлось изгаляться при помощи фоторедактора
Photoscape :

Это скриншот всех моих попыток подогнать размер отредактированного изображения под заданные “Дизайнером шаблонов” размеры (меньше 300 кб - не больше 1800х1600 пикселей)

У меня получалось выдержать размер, но в блоге это выглядело некрасиво - при изменении размера окна браузера, текст сообщения наезжал на орнамент. А мне хотелось чтобы поле сообщения всегда оставалось за пределами орнамента.

Поразмыслив, я решила что нужно начать плясать от ширины блога. Ширина блога у меня 1100 пикселей.Значит белое поле у меня должно быть тоже 1100 пикселей. Но как этого добиться, ведь дорожка узкая.

В Paint.NET задала размер холста 1100х1600 px , сохранила его к себе в папку – есть белое поле моего будущего шаблона для блога.

Далее я вырезала вPhotoscape полоску орнамента, подогнала его по ширине 100 px, и произвела следующие манипуляции:

1 - вырезанная полоска до обработки в редакторе левая(100 х 827 px), Сохраняем

2 - ее зеркальное отражение до обработки правая

3 - обработала 1-ю полоску (осветлила, гамма. резкость, подсветка и пр.) Левая сторона.Сохраняем

4 - сделала зеркальное отображение обработанной левой полоски орнамента, получила правую полоску орнамента. Сохранила. (но по высоте полоска всего 827 пх, а мне нужно 1600

5 - сделала в редакторе зеркальное отображение левой полоски по высоте и получила полоску орнамента 1654 х 100 пх Левая

6 - зеркальное отображение длинной правой полоски

7 - вырезала орнамент из левой полосы разм. 100 х 1600 пх Сохраняем

8 - зеркальное отображение левой полосы 100 х 1600 - получаем правую полосу.

Сейчас только заметила сколько я лишних манипуляций проделала. Можно обойтись смело только 1, 3, 5, 7, 8 операцией

Далее я “сшила” в Photoscape , в разделе “ Комбинация, свой левый кусок орнамента, далее “белое поле”, и правый кусок орнамента:

У меня ширина экрана 1600 Как видим, Blogspot просто делает зеркальное отображение фона блога.
Создала я также и шапку своего блога.
В следующем сообщении попробую записать себе для памяти как я делала и вставляла движущую ленту своих фото-рецептов (image slider).
Если кто-то решится делать свой собственный фон для блога, чем смогу - тем и помогу…

***************************************************************************

При создании блога на платформе Blogger при выборе шаблона автоматически установлен стандартный фон. Изменить фон в Blogger очень просто.

Для этого идем в админку блога (там, где все настройки). Переходим на вкладку Шаблон > Настроить :

И в дизайнере шаблонов нас интересует вкладка Фон . Рядом увидим маленькое окошко с изображением фона, установленного сейчас в Вашем шаблоне. Чтобы изменить фон в Blogger, нажимаем на маленький треугольник рядом с картинкой:

Выбираем категорию, а затем понравившуюся тему.

Нажмем кнопку Готово.

Замечательно, что фон блога внизу, под окном дизайнера шаблонов, тоже сразу изменится на выбранный. И можно представить, как это будет выглядеть.

Выбор из предложенных фонов не очень большой, но для начала можно что-нибудь выбрать.

Не очень давно в Блоггере появилась возможность изменить фон на свою любую картинку . Требования к загружаемому фону:

1. Рекомендуемый размер не менее 1800х1600 пикселей.
2. "Вес" картинки не более 300Кб.

Для того, чтобы изменить фон в Blogger на свой - заходим все в тот же дизайнер шаблонов. Нажимаем Фон и в окошке "Выбор фонового изображения" слева над категориями видим Загрузить изображение .

И при помощи кнопки Обзор выбираем изображение со своего компьютера. Конечно, перед этим нужно его найти в интернете и сохранить на компьютер. Благо, бесплатных фонов в интернете можно найти очень много. И не забывайте про требования к изображению!

После загрузки фона нажимаем Готово .

Если фоновое изображение, которое Вы выбрали для своего блога на Blogger меньше, чем 1800х1600, то настройте "Выравнивание" и заполнение этим изображением всего фона. Выберите "Замостить", и система автоматически растянет изображение до размеров блога. Только качество изображения может при этом пострадать.

Чтобы фон не прокручивался вместе со страницей блога - снимите галочку рядом со строкой "Прокручивать со страницей":

После всех настроек не забудьте нажать кнопку справа вверху "Применить к блогу", иначе ничего не сохранится.

На фоне Пушкина...

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

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

Итак, сегодня я счастлива представить вам новую наиболее востребованную возможность Blogger"овского дизайнера - это возможность установить в шаблоне свой фон. Художественные натуры это точно оценят!

Как всегда новые возможности Blogger сначала обкатывает в Blogger in Draft (Blogger в проекте). Опять-таки, я не призываю вас всегда использовать Blogger in Draft , но ради такого случая, чтобы поставить к себе в шаблон именно тот самый единственный фон, о котором Вы мечтаете и без которого блог, по Вашему мнению, будет выглядеть пресно, ради такого случая Вам стоит заглянуть по адресу http://draft.blogger.com .

А дальше все просто:
1) Кликаем по ссылке Дизайн и выбираем уже известную вам вкладку Дизайнер шаблонов .
2) В предположении, что в текущем шаблоне, созданным вами ранее в Дизайнере шаблонов , вас все устраивает, сразу переходим на вкладку Фон .
3) Кликаем на картинку по надписью Фоновое изображение , а там как вы видите нажимаем на ссылку Загрузить:

Загружаем картинку для фона со своего персонального компьютер. И у Blogger"а есть такие пожелания к картинке:
"Можно загружать файлы JPG, GIF или PNG, размер которых не превышает 300 КБ.
Чтобы фоновое изображение отображалось во весь экран, используйте изображения с разрешением не менее 1800 x 1600 пикселей. "

Я не долго думая взяла все того же Александра Сергеевича Пушкина - ведь это так круто писать свои мысли на фоне великого поэта! ;)

И кликнула на ГОТОВО . И вот что у меня получилось....

Что-то прямо скажем не очень... :(Ну, да я знаю, что катринка у меня мелковата, но это же не повод.... Это не повод РАССТРАИВАТЬСЯ! Потому что после загрузки картинки Blogger дает еще много инструментов настроить показ фона.

Давайте рассмотрим их поподробнее:

1. Если ваша фоновая картинка не достаточно большая чтобы быть фоном для всего пространства вашего блога, наверное стоит принять решение о том что мы хотим "замостить" ею всю поверхность нашего блога. Для этого используем второй параметр, который по-умолчанию стоит в значении "Не разделять на мозаику". Всего у него четыре значения:
1) Не разделять на мозаику
2) Замостить
3) Разделить на мозаику по горизонтали
4) Разделить на мозаику по вертикали

Вы можете самостоятельно поэкспериментировать с этим параметром, но для меня значение "Замостить" показалось самым естественным.

2. Если на предыдущем шаге мы выбрали Замостить , то понятно что скорее всего на границах нашего блога мы будем видеть обрезанные картинки. И тут нам поможет параметр номер один : Выравнивание именно он скажет в как вы хотите выравнять вашу мозаику: будет ли у Александра Сергеевича в первом ряду мозаики отрезана голова, или в последнем ряду мозаики отрезаны ноги... Что, там на картинке не было ног? Ну, ладно, это я увлеклась, но вы, надеюсь поняли, про что этот параметр.

3. И последнее с чем нам надо определиться - будет ли фон прокручиваться вместе со страницей или он будет статическим. Для этого у нас есть галочка Прокручивать со страницей . Её можно оставить или её можно убрать.

Если нам все нравится, не забудем нажать кнопку ПРИМЕНИТЬ К БЛОГУ .

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

Вот и мне после долгой возьни с подбором цветов показалось более легким решением взять за основу другой шаблон. И вот что у меня получилась...

Всем Здоровья и Удачи!
Не перегревайтесь на солнце,
берегите себя!
Света