26 February 2014

Мой Красивый Блог - Урок №4

Всем доброе утро!

Сегодня четверг, а значит быть новому уроку курса Мой красивый блог! :)
Должна вам сказать, третий урок был самым сложным - нам пришлось принимать окончательное решение о стиле, впитывать много информации по работе с ФШ и создавать собственную шапку. Но мы все замечательно с этим справились, а значит впереди остались только приятные мелочи и наведение красоты. :)

Дорогие, я захожу ко всем, кто записывается в Линки, читаю и смотрю, что у вас получается. Не всех комментирую - простите, на это уходит очень много времени. Но я всегда пишу в том случае, если хочу дать какой-то совет. Если вы выложили ДЗ, а я вам ничего не написала - это значит только одно - у вас все прекрасно! :)) Ну, и разумеется, нужно обращать внимание на сроки приема домашних заданий, о них я пишу в конце каждого поста. Я специально ставлю время закрытия Линки - 12 часов, чтобы иметь возможность до конца дня просмотреть все оставшиеся ДЗ.

Прежде чем начать сегодняшнюю тему, хочу задержаться еще на одном моменте. :) Некоторые из вас пишут, что испытывают неудобства из-за того, что в уроках используется английская версия Фотошопа, а у вас стоит русская. Словари и переводчики могут давать неточные переводы терминов, и пользоваться ими неудобно. Я нашла для вас отличные таблицы, где даны переводы всех терминов из ФШ + изображения иконок. Думаю, используя эту таблицу, вам будет гораздо проще ориентироваться: Грамотный перевод терминов Photoshop

Итак, начнем. Сегодня мы будем разговаривать о фоне и вкладках - их создании, оформлении и размещении.

Фон

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

Часто фон в блогах просто оставляют белым:
Butik Sofie
Это самый простой способ, но довольно симпатичный. И, главное, подходит к любому стилю. :)

Другой простой вариант - использовать готовые фоны, предоставленные блоггером.
Для этого выберем вкладку Шаблон->Настроить, а затем Фон.


Нажав на Фоновое изображение, мы увидим всю галерею фонов, разбитую по темам. Возможно, вы найдете тут что-то подходящее.


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

Давайте начнем поиски идеального фона! Каким он должен быть?
Во-первых, бесшовным! Текстуры в нем должны переходить друг в друга незаметно. Покажу на примере. :)
Нашли мы в интернете красивую картинку и решили, что она отлично подойдет нам для фона:


А на деле оказывается, что в блоге она смотрится вот так:


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






 Или вот замечательный фон, созданный Альбиной:


Здесь хорошо видно, как узоры с левого края переходят в узоры с правого, а с верхнего - в нижний, и наоборот:


Используя такое изображение, мы получим красивый ровный фон без стыков:


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

Вот пара порталов с бесплатными фонами:
А тут я взяла фон для своего блога: Bene.be

Если вы не смогли найти подходящей картинки, можно сделать бесшовный фон в Фотошопе самому! Я в это погружаться не стала - в сети очень много готовых хороших фонов. Но если вам захочется экспериментов, дам пару ссылок. :) Вот тут можно почитать мастер-класс создания фона из фотографии: Shkolazhizni.ru А здесь объясняется, как сделать фон с нуля: PhotoshopMaster

Итак, подходящую картинку вы нашли или сделали сами, теперь нужно ее установить.
Снова заходим туда, где расположены стандартные фоны блогера: Шаблон -> Настроить -> Фон. Здесь выбираем Загрузить изображение:

Указываем путь к нашей картинке:


Если наше изображение подходит по размеру и весу, оно появится в превью. Нажимаем Готово.


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

Совсем иначе смотрятся фоны, которые как бы обрамляют центральную зону сообщений и боковые панели:

ChigElena
Сами со себе они выглядят иначе, чем обычные узоры:


В таких фонах предусмотрена зона для текста и декор по бокам. В блог они ставятся одной картинкой, а не мозаикой.

Их тоже можно скачивать готовыми. Например, на всеми любимом Shabbyblogs.com просто море таких фонов, с простой инструкцией по применению:


Вот тут тоже есть симпатичные фоны: KinziesKreations.

Но, опять же, я советую не увлекаться готовыми дизайнами. Можно поиграться такими фонами, а потом сделать свой собственный, идеально подходящий к вашей шапочке.
Для примера я сделала два очень быстрых варианта, используя только кисти. А ведь, создавая фон, можно добавлять в него и элементы из скрап-наборов, и клипарт, и разные текстуры!
Я не очень люблю активные фоны, поэтому они у меня вот такие бледненькие)



Чтобы сделать такой фон, создадим в Фотошопе документ размером 1000 на 1600 пикселей. Заполнять декором нужно зоны по краям, отмерив 300 пикселей.


После загрузки фона в шаблон, зададим ему такие параметры:


Выравнивание - сверху по центру; Не разделять на мозаику; убираем галочку у пункта Прокручивать со страницей.
Сохраняем. Наш фон должен красиво встать  в блог. :)

Как же решить, какой фон выбрать? Тут важно, как и в скрапе, не переборщить. :) Если у вас скромная шапка в стиле минимализма, то яркий и активный фон может оказаться очень к месту. И наоборот - к большой шапке с множеством сложных элементов лучше подобрать более спокойный и нейтральный фон. Глазам посетителя нужно давать возможность отдыхать. :)

---

Вкладки
Вкладки - это отдельные важные странички вашего блога, которые нужны для удобства навигации. Они могут располагаться в верхней части блога или на панели.
Давайте создадим ваши вкладки. Заходим в раздел Страницы:


Здесь страницы создаются и редактируются как обычные сообщения.
Когда вы создали нужные страницы, в разделе Дизайн добавляем гаджет Страницы (добавить можно в любом месте, а потом перетянуть в нужное):





Здесь можно настроить порядок страниц, а так же выбрать, какие из них будут отображаться, а какие нет. Не все опубликованные страницы сразу появятся у вас в меню - сначала нужно поставить галочку для их отображения.

Если вы хотите создать ссылку на любой другой сайт (например, на ваш магазин на Ярмарке Мастеров или другой блог), нужно нажать надпись Добавить станицу со ссылкой:



Здесь заполняем поле названия и вставляем ссылку:


Если вы размещаете вкладки над/под шапкой, не создавайте их слишком много. По крайней мере, они должны умещаться в одной строке. Я создала четыре - Главная, Обо мне, Магазин и Контакты. Так же довольно уместно тут будет смотреться вкладка с вашим портфолио, мастер-классами и профессиональными успехами. Менее важные странички лучше вынести на боковую панель.

По умолчанию в блоггере вкладки в шаблонах располагаются слева. Если вам хочется разместить их по центру, нужно вставить небольшой код CSS. Для этого входим в Шаблон и нажимаем кнопку Настроить. В разделе Дополнительно находим Добавить CSS.


В поле для кодов добавляем такой код:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Нажимаем кнопку Применить к блогу. Теперь наши вкладки располагаются по центру.

В редакторе шаблонов можно настроить внешний вид вкладок.
Зайдем в Шаблон->Дополнительно->Текст вкладок. Здесь можно выбрать шрифт, размер надписей, их цвет и цвет текста на выбранной вкладке:


Ниже находится раздел Фон вкладок. Здесь можно поменять общий фон и фон на выбранной вкладке:


И еще один раздел - Цветовые акценты. Здесь мы выберем цвет границ вкладок:


К сожалению, блоггер предоставляет не так много шрифтов, особенно кириллических. Возможно, вам захочется сделать ваши вкладки более красивыми и яркими, выделить и подчеркнуть их на странице. Это можно сделать, заменив простые надписи кнопками. Вот примеры таких меню:






Их можно размещать и на боковой панели:

Все примеры с сайта DesignerBlogs
Чтобы создать такое меню, нужно, для начала нарисовать кнопки. Думаю, после урока с шапкой это трудностей у вас не вызовет. :)
Я сделала простые кнопки с мазком кисти:


Теперь загрузим их в блог. Для этого в разделе Дизайн создадим новый Гаджет HTML.


В появившееся окошко вставим такой код:
<a href="адрес сайта"><img src="адрес изображения"></a>



В нужные места впишем адрес изображения кнопки и адрес, куда она будет ссылаться.
Таких кодов нужно вставить столько, сколько будет кнопок. Вставляем их друг за другом, можно через пробел. Сохраняем гаджет и перетягиваем его под шапку:

Вот так простенько, но симпатично. :) А главное - мимо такого заметного меню никто не пройдет! :))
Если вы хотите разместить такие кнопки на боковой панели, ставьте между кодами <p>. Тогда кнопки точно будут располагаться друг под другом.

Если какие-то из ваших кнопок будут вести на сторонние сайты, возможно, вам захочется, чтобы они открывались в отдельных окнах. Это нужно для того, чтобы посетитель не потерял ваш блог, кликнув на одну из ссылок.
Чтобы ссылка открывалась в новом окне, используйте такой код:
<a href="адрес сайта" target="_blank"><img src="адрес изображения"/></a>

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

Немного иной вариант оформления меню - с "монолитной" картинкой. В этом случае все кнопки связаны между собой  выглядят одним целым:



Есть несколько способов создавать такие изображения - использовать картинку как фон под меню, маппинг и другие. Но мы будем использовать простой и проверенный способ - кнопки. :)  Сделаем для тренировки простое меню на ленте:


Создадим новый документ размером примерно 150 х 800 пикселей. Чтобы нам было легче ориентироваться, включим отображение сетки: View->Show->Grid.


С помощью инструмента Pen Tool нарисуем ленту.


Инструментом Dodge Tool можно высветлить некоторые участки ленты:


Далее инструментом Horizontal Type Tool напишем заголовки страниц.
Теперь, когда цельная картинка готова, нужно поделить ее на части - будущие кнопки. Не промахнуться со стыками нам снова поможет сетка. :) Выделяем нужную область инструментом Rectangular Marguee Tool, обрезаем и сохраняем как отдельный документ JPG или PNG. Проделываем это со всей лентой. Главное, чтобы конец предыдущей кнопочки совпадал с началом следующей - тогда в картинке не будут заметны переходы.


Вставляем кнопки в гаджет HTML, используя код, который мы использовали до этого. Между кнопками в этот раз пробел ставить не нужно, он должны примыкать друг к другу вплотную.
Вот и все! Результат я уже показала выше. :)

Красиво смотрятся кнопки меню с маленькими картинками-иконками. В блоге у Софи, который я уже показывала, они стали главным декоративным элементом:


А в одном из магазинов на Etsy я нашла такие вот кнопочки:


Почему бы нам не поэкспериментировать  в этом направлении? :) По-моему, это замечательный способ сделать свой блог уникальным и запоминающимся. :)


А теперь домашнее задание.
1. Найдите и установите в блог понравившийся вам фон. Если будет время и желание, попробуйте сами создать фон.
2. Продумайте размещение вкладок в вашем блоге. Если вам понравился вариант с кнопками, создайте и установите их, используя материалы из урока.
3. Позади бОльшая половина курса. Ответьте, пожалуйста, на несколько вопросов. Видите ли вы существенные изменения в своем блоге? Оправдываются ли ваши ожидания от уроков? Интересно ли вам, хотите ли вы дойти до конца?

В своем посте дайте, пожалуйста, активную ссылку на четвертый урок. Линки для добавления постов будут открыты до 5 марта 12:00 (по Москве). Следующий урок выйдет 6 марта.

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

286 comments :

  1. Примеры кнопок-страниц очень милые!
    Алена, спасибо за урок =) я думаю, твой проект уникален, я еще нигде не встречала столько интереной и полезной информации

    ReplyDelete
  2. Ой Алена, золотой ты человек, замечательный урок, будем пытаться)) Но я когда вижу разные коды для страниц, теряюсь, но надеюсь получится))

    ReplyDelete
  3. Делюсь ссылкой на сайт, где из готовый фонов можно создать свой, да так что он не будет напоминать оригинал
    PatternCooler

    ReplyDelete
  4. ой спасибки)
    вчера забросила шитье и пробовала ковырятся...
    перво наперво что для себя открыла, как самой рисовать кисти и добавлять их в фш.
    и как раз возникли вопросы с гаджетами, хотелось другого исполненния...теперь надо найти время на них... а еще понравились кружочки с ведением на др. сайты)))
    http://rukodeliajufara.blogspot.ru/

    ReplyDelete
  5. Алёна,ты такая молодец!Даже такая тупица в ФШ как я и то понимаю! Завтра возьмусь за работу..потому что сегодня еще другая работа есть)

    ReplyDelete
  6. Алена! Спасибо огромное за твои уроки! Просто кладезь полезной информации!!!!

    ReplyDelete
  7. возник вопрос, а куда нужно сохранить изображение, что бы потом (впишем адрес изображения кнопки)

    ReplyDelete
    Replies
    1. Ее надо выложить на какой то сервер, например Пикаса. И оттуда уже скопировать адрес

      Delete
    2. будем пробовать, с пикаса не сталкивалась

      Delete
    3. все изображения, которые вы загружаете в блог сохраняются в альбомах пикаса)) Зайдите туда и увидите))

      Delete
    4. видимо что то делаю не так.
      возникли вопросы:
      1. в каком размере сделать ( простые кнопки с мазком кисти?) либо я уже на этом уровне что то натворила не так.
      2. поту что закачав в пикаса и скопировав адрес фото - у меня не отображается рисунок в гаджете
      не знаю правильно ли выражаюсь терминами)

      Delete
    5. 1) Размер варьируется, смотря какого размера хочешь кнопки.. Мои мазки где-то 150 пикселей были по ширине
      2) Ты точно адрес фото копировала? не адрес страницы? в конце адреса фото должно быть .jpg или .png

      Delete
    6. сейчас посмотрю, но у меня возникла очень большая проблема. Хотела приостановить все и снова поставить на место прежний шаблон, но не тут то было, мне выдало вот что, прям до слез обидно...
      Не удалось сохранить шаблон.
      Нельзя выполнить синтаксический анализ из-за ошибки в формате шаблона. Убедитесь, что все элементы XML имеют закрывающий тег. Сообщение об ошибке XML:
      There should be one and only one skin in the template, and we found: 0

      Delete
    7. а в блоге везде где должны быть изображения одни серые круги

      Delete
    8. Эля, во-первых, я не поняла, что ты делала с шаблоном? В этом уроке мы только гаджеты html добавляем и код css вставляем при необходимости. Эти изменения убираются просто удаление гаджета. В шаблоне ничего не надо было менять! Он у тебя сейчас в каком состоянии?

      Delete
  8. Спасибо за информацию о кнопках для страниц - как раз хотела поискать)

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. Алена,замечательный проект!
    У меня такой вопрос.Ты пишешь про вставку кнопок-ссылок "В нужные места впишем адрес изображения кнопки и адрес, куда она будет ссылаться.". Но ведь созданная кнопка у меня в фотошопе,а не в интернете.Что-то я не разберусь,как ее в блог вставить.Помоги пожалуйста!

    ReplyDelete
    Replies
    1. Ее надо выложить в интернет на какой то сервер, например Пикаса. И оттуда уже скопировать адрес

      Delete
  11. Алена, спаисбо за урок!!! и у меня вопрос: а как сделать ленту с постами тоже цветную, например серенькую или светло-голубую. Лично для меня белый немного ярок))

    ReplyDelete
    Replies
    1. Шаблон-Настроить-Дополнительно-Фон-Основной фон
      И там выбирайте любой цвет)

      Delete
  12. Пожалуй,это самый интересный урок) Уже руки чешутся начать!

    ReplyDelete
  13. Алена, начала делать, но не получается с фоном, беру с набора фон загружаю, пишет слишком большое изображение, уменьшаю, делаю все настройки получается оно малюсенькое в моем блоге, ничего не могу понять, ставлю в пикселях как ты писала, но оно превышает же 300кб? Помоги))

    ReplyDelete
    Replies
    1. Какой фон ты пытаешься поставить? Из маленьких картинок замостить или одну большую?

      Delete
    2. Размер в пикселях уменьшать нельзя, тогда оно не будет заполнять весь экран. Надо уменьшать вес картинки. Во-первых, проверь чтобы был формат Jpg, а не Png. Обычно в наборах все в пнг, а они много весят. Переведи в жпег в фотошопе. А если не помогает, поставьте чуть меньше качество при сохранении

      Delete
    3. он в формате jpg размеры сделала1600х1000 качество сделала уже даже 50, весит 854кб не подходит для загрузки((

      Delete
    4. Тогда надо уменьшать по другому. Посмотри вот тут о программах для уменьшения http://tekseo.su/seo-instrumenty/programmy/umenshit-ves-foto.php

      Delete
    5. Девочки, я тут из кустов тихонько наблюдаю, учусь. Хочу вставить свои пять копеек. В ФШ есть функция "Сохранить для WEB..." Я так облегчала картинку для фона

      Delete
    6. Елена, спасибо! Я когда-то так делала, а теперь подзабыла( Надо попробовать!)))

      Delete
    7. По поводу сохранения для веб - оно сильно ухудшает качество картинки, лучше напрямую при сохранении ухудшать качество. Правда я не поняла как можно ухудшить качество до 50? У меня только 12 делений всего. Может другой фотошоп.

      Delete
    8. уменьшить можно, обрезав инструментом рамка, ну и качество поставить среднее, у меня получилось именно так

      Delete
  14. Алена!!! Вы даже не представляете какой ценной и полезной информацией делитесь! Это не передать словами!!! Я еще не присоединилась к Вашему проекту, но всё внимательно читаю и в ближайшее время планирую реализовать! В свое время пыталась найти информацию по этой теме и ни-че-го)))
    А тут! Целая кладезь полезностей!
    Спасибо Вам! За то, что помогаете делать нам наши блоги красивыми!!!
    Это очень-очень ценно!!
    Очень внимательно продолжаю следить за этим проектом!

    ReplyDelete
  15. Вот от меня низкий поклон, просто ты меня расталкала себе наконец ремонт сделать, а то как то сапожник без сапог

    ReplyDelete
  16. Грандиозная работа! Всё не писала, сегодня не удержалась... СПАСИБО!!!!!!!!!!!!!!!!!!

    ReplyDelete
  17. Алена, спасибо! Фон я себе уже выбрала, а вот кнопочки как раз очень интересуют)

    ReplyDelete
  18. Алёна, спасибо огромное за продолжение курса! Вы делаете просто огромную работу!
    Скажите, пожалуйста, вот на этом портале Bene.be - когда пытаешься скачать фон, повляется два окошка со множеством ссылок. Их нужно куда-то скопировать?

    ReplyDelete
    Replies
    1. Катя, я нажимаю на красную кнопку download pattern (под любым набором фонов), и у меня сразу происходит загрузка набора. Никаких окошков не появляется. Может ты не туда нажимаешь?

      Delete
    2. Алёна, весьма возможно:) У меня на работе компьютер с кучей ограничений, установленных админом. А дом а и того краше - мобильный модем (в целях минимизации сидения ребёнка в интернете:)) И вот при таком "инвалидском" я пытаюсь что-то сделать с блогом... Мдя, сама понимаю, что это утопия... Но я оптимистично постараюсь!:))) Спасибо еще раз, пойду разбираться с фонами.

      Delete
  19. Ален,а где мне взять адрес изображения кнопки,если я ее только создала и она находится у меня на рабочем столЕ?

    ReplyDelete
    Replies
    1. изображение можно загрузить в веб-альбом picasa, там храняться все картинки с блога, от туда и ссылку для кнопки можно будет потом скопировать

      Delete
  20. Алена спасибо за уроки))))Линки не вижу к сожалению, заходи посмотреть http://marinka-saharinka.blogspot.ru/2014/02/3-4.html

    ReplyDelete
  21. Девочки, Линки добавлю вечером! С тоого компа, что я сейчас, у меня они как-то некорректно загружаются(

    ReplyDelete
  22. Алена, подскажите! Фон у меня получился без швов, он не прокручивается вместе с сообщениями, но когда я нажимаю "Ctrl -"(уменьшаю блог на экране), то шов все-же виден... Это нормально или непорядок и так не должно быть?

    ReplyDelete
    Replies
    1. У вас, видимо, все-таки не бесшовный фон, просто само изображение большое и покрывает всю площадь одного экрана. Но когда вы отдаляете изображение, его не хватает, добавляется еще одно. Если вам это не нравится, поищите другой похожий фон, думаю с деревянной стеной проблем быть не должно))

      Delete
  23. This comment has been removed by the author.

    ReplyDelete
  24. Алена, еле дождалась и тут же принялась делать :))))
    http://lastaugust.blogspot.ru/2014/02/blog-post_8833.html воть :)))

    ReplyDelete
  25. Алена, я очень стесняюсь спрашивать...но не могу не задать этот вопрос =)) Как в фотошопе отменить какое-нибудь действие? Спасибо заранее!

    ReplyDelete
    Replies
    1. Екатерина,нажимаете Редактировать-Шаг Назад

      Delete
    2. В фотошопе с правой стороны есть окошки, там должно быть окошко История(History), если такого окошка нет, в верхнем меню найдите слово Окно(Window), нажмите на него, и в списке найдите слово История(History), нажмите на это слово. Теперь история должна появиться на правой панельке)

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

    ReplyDelete
    Replies
    1. у меня так же с кодами с пикасы)

      Delete
    2. Ань, дай плиз ссылки на оба блога (а то я у тебя в Гугл+ вообще ни одного не нашла)) На словах не поняла в чем причина, может если увижу пойму...
      А второй вопрос- надо убедится, что ты все коды вставляешь в нужные места и правильно. Например, ты точно код именно картинки копируешь, а не страницы с картинкой?

      Delete
    3. вот ссылочки на блоги:
      http://scrapomann.blogspot.ru
      http://annaylya123.blogspot.ru/?zx=2643f05ab92f677b
      размеры для шапки одни и теже.. а где искать и исправлять ошибку понять никак не могу(((
      сейчас буду ещё раз пробовать с кодами картинки и страницы - их вместо фраз и кавычек вставлять? или кавычки оставлять?
      Спасибо

      Delete
    4. и ещё по цветовой гамме шапки - посмотри пожалуйста, чего то не хватает мне кажется.

      Delete
    5. Аня, их надо вставлять между кавычками, кавычки должны быть
      Про шапку, я думаю это потому что блоги у тебя разной ширины. Блог где шапка четкая - шире. А во втором она более сжатая. Попробуй или уменьшить шапку или сделать блог пошире и перезагрузи шапку

      Delete
    6. спасибо. получилось сделать чётким изображение))

      Delete
  27. Алёна, вы молодец! Благодарю за уроки!
    У меня вопросик. Когда я устанавливаю картинку для фона, то белый фон самой картинки приобретает сероватый оттенок. Это так всегда или что-то не так у меня с настройками?
    И еще хочу поделиться замечательным русским архивом, где множество не только фонов, но и картинок
    http://www.lenagold.ru/fon/main.html

    ReplyDelete
    Replies
    1. Ева, скорее всего вам нужно отключить автокоррекцию изображений в Гугл+
      Посмотрите тут, как это сделать: http://tea-with-victoria.blogspot.ru/2013/09/blogger.html

      Delete
    2. Спасибо) а еще вопросик - у меня не центруются рисованные кнопки, указанный код вставляла, не действует. может для кнопок другой код для центрирования?

      Delete
    3. This comment has been removed by the author.

      Delete
    4. и еще, улыбнуло (когда я пошла по ссылке, чтобы прочитать про автокоррекцию), схожесть элементов оформления с Викой (шеврон, кружок для шапки). а ведь фон и шапку я уже давно сделала, еще после первого урока, наперед:) http://evasunny-proba.blogspot.com/

      Delete
    5. Да, для кнопок другой, я давала его в комментариях)

      Delete
    6. ой, нашла)) все так легко оказывается))) благодарю

      Delete
  28. Алёна!! Огроменное спасибо! Столько нового узнала - супер.
    Пока все приёмы оттачиваю на тестовом скрытом блоге - получается очень-очень :) Пока морально не готова сменить дизайн старого блога, но муж уже заказал ему фон отрисовать :)) Очень всё полезно. Спасибо еще раз!

    ReplyDelete
  29. потеряла все изображения.
    резервная копия не загружается пишет вот что:
    Не удалось сохранить шаблон.
    Нельзя выполнить синтаксический анализ из-за ошибки в формате шаблона. Убедитесь, что все элементы XML имеют закрывающий тег. Сообщение об ошибке XML:
    There should be one and only one skin in the template, and we found: 0
    До слез обидно, неужели потеряла блог?
    кто то может сталкивался подскажите плиз)

    ReplyDelete
  30. Предполагаю это все из за пикасы. Не умеючи пользоваться им у меня загрузились все фото в него скомпа. я этого никак не хотела. поэтому решила удалить их из него а сотворила это так в пикасе зашла в инструменты- менеджер папок-удалить из пикассы
    возможно завязка в этом?
    Что можно предпринять в моем случае? все таки я фото загружала не с пикасы, а с компа (пикассу только установила)

    ReplyDelete
    Replies
    1. Эля, я сейчас не дома, как приеду домой, вам отвечу. Вы главное успокойтесь и ничего больше не исправляйте)

      Delete
    2. ок, конечно подожду ответа), простите вот такая двоеШница я сегодня)
      ничего не трогаю)

      Delete
    3. Эль, я сама Пикасу не устанавливала, загружаю всем прям на сайте Гугл+
      Но думаю это дела не меняет
      Ты зайди за сайт в свой аккаунт и проверь - остались ли там папки? Может быть они есть, но скрытые или еще кто-то с ними случилось.. Но если их там нет, то, видимо, ты все фотографии из них удалила. И не только те, что с компа начали грузиться, но и те, что ты загружала в блог. Пикаса - сервис Гугла, как и Блоггер. И они между собой связаны: все фотографии, загружаемые в блогах, хранятся на сервере Пикасы. Соответсвенно, если ты удаляешь их оттуда, из блога они тоже пропадают. Не знаю, можно ли это действие отменить, сомневаюсь
      И про шаблон снова - в блоге у тебя вроде все на месте в плане дизайна. Что ты там меняла, я так и не поняла?

      Delete
    4. Что-то я перешла на Ты, наверное от переизбытка эмоций, простите))))

      Delete
    5. все нормально.
      я всегда фото устанавливала прямо с компа, никуда не качала.
      тут решила установить пикасу, что бы дооформить блог, а не знала что он к себе все скачает. а я не хочу чтоб было на пикассу все, поэтому и удалила в пикасу все альбомы через макет. наверное все взаимосвязано.
      шапку блога - фото просто заново добавила. а так все на месте кроме фоток.
      у самой избыток шкалит... я и так полный профан а тут такое...
      но еще главный вопрос не смогла вернуть старый шаблон, еще обиднее стало. и самое интересное залзла в шаблон- изменить HTML- (ничего не трогаю, просто посмотреть!) - а там где цифры - на некоторых стоят черные квадратики и именно где касается фото.? что это значит? это так и должно быть?
      хотела спросить, а что означает - форматировать шаблон?

      Delete
    6. Да, все верно - ты вставляешь картинку в пост с компа, но блоггеру-то нужно ее где-то разместить. Вот он ее прописывает в Пикасу, а оттуда ее вставляет тебе в блог. Наверное, я не очень понятно объясняю
      В код ХТМЛ лучше не лазить просто так - сломать ничего нельзя, но подпортить можно. Ты до всех изменений сохраняла резервную копию (в первом уроке написано, как это делается)?
      Про черные квадратики не знаю, не видела такого..
      Форматировать шаблон - это вернуть все "заводские" настройки. Все изменения, которые ты вносила в дизайн будут отменены, шаблон станет стандартным

      Delete
    7. ясно, самое противное, что я сохранила шаблон и хотела обратно его вернуть но при вставке его мне пишет, что : Нельзя выполнить синтаксический анализ из-за ошибки в формате шаблона. Убедитесь, что все элементы XML имеют закрывающий тег. Сообщение об ошибке XML:
      There should be one and only one skin in the template, and we found: 0
      Вот что самое ужасное! это возможно исправить или тоже все глухо?

      Delete
    8. Юфара,вставлю пять копеек про Пикассу. Все фотки из блога ,включая шапку , находятся автоматически в Пикассе хотите вы этого или нет,и если там удалить ,то из блога все пропадет.Это точно.У меня такое было когда-то. Пришлось все по новой вставлять в блог. Из Пикассы можно удалять только то,что больше не нужно.

      Delete
    9. Эля, нашла другой способ вставки шаблона, копирую из другого сайта: "Есть другой метод изменения шаблона, читаем внимательно! шаблон для блогера рту xml файл который содержит весь дизайн блога, вот именно этот xml файл вам нужно открыть в текстовом редакторе , например в Блокноте и скопировать весь код.далее идем в админку блоггера, пункт шаблон - изменить HTML и появится xml код шаблона который вам нужно нужно будет заменить тем что скопировали с файла xml."
      Только умоляю тебя - в этот раз попробуй сначала на тестовом блоге вставить, хорошо!?

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

      Delete
    11. сейчас попробую вникнуть сначала, а то у меня что то шарики за ролики уже...и попробую на пробнике

      Delete
    12. ну что, в вордпед скопировала код, сохранила, вставила в пробник - в изменить HTML- сохранить шаблон
      но ничего в блоге не поменялось, он так и остался маленьким бложиком)
      обидно однако, у меня прям дыхание затаило)))

      Delete
    13. как это маленьким бложиком??

      Delete
    14. ну то есть остался как и был с одним сообщение в блоге который я создала)

      Delete
    15. Резервная копия не сохраняет сообщения, она сохраняет только шаблон! Сообщения и комментарии сохраняются экспортом блога! Это в первом уроке тоже есть

      Delete
    16. я опустила руки уже...
      я наверное ничего с этим сделать уже не смогу.
      только заново вставлять все фото наверное... ех..

      Delete
    17. Извините, что влезаю, но если вы удалили папки с вашими изображениями из пикассы, то действительно вам придется сейчас все по новой загружать. Ведь блогспот принадлежит гуглу, а у любого сайта должен быть фотохостинг (хранилище фотографий). Так что по-любому все что загружалось в ваш блог с вашего компа хранится в Пикассе, кроме тех фото,которые загружены со стронних фотохостингов.

      Delete
  31. Я нашла вот такой прикольный сайт) Может кто захочет) http://bgpatterns.com/

    ReplyDelete
  32. Алена, вы волшебница! Все понятно и доступно. Спасибо за уроки!

    ReplyDelete
  33. Алена,спасибо огромное за такие уроки! К сожалению, не успела добавиться с третьим уроком(( У нас в стране революция, а она не очень вдохновляет на творчество(( Если сможешь,загляни ко мне http://vvitulya.blogspot.com/2014/02/3.html. В любом случае я слежу за уроками и буду по ним работать, постараюсь успевать

    ReplyDelete
  34. Алена, еще один, наверное, тупой вопрос....=).....Как переименовать ГЛАВНУЮ страницу? Точнее как заменить английским языком? Спасибо!

    ReplyDelete
    Replies
    1. можно "Home" = )

      Delete
    2. Если ты имеешь ввиду именно перевод на англ, то да, Home самый удачный вариант)

      Delete
    3. Нет, я имею в виду вот что ...есть у меня "Главная страница " и я хочу ее переименовать в "Home" как это сделать, где отражается именно главная страница, не найду ((( Остальные три заменила на английский язык, а с главной - засада((( Надеюсь ты поняла =))

      Delete
    4. Вот, Алена, если зайдешь и посмотришь, то точно поймешь, что имею ввиду
      http://flossmagic.blogspot.ru/

      Delete
    5. Посмотри у меня есть в уроке принтсрин после такого абзаца "Здесь можно настроить порядок страниц, а так же выбрать, какие из них будут отображаться, а какие нет. Не все опубликованные страницы сразу появятся у вас в меню - сначала нужно поставить галочку для их отображения."
      Там есть раздел Отображаемые страницы. Вот там в названиях написано Гласная страница, можно прям там поменять ее на что угодно другое)

      Delete
    6. Извините меня, за беспокойство! я одна из того миллиона участников, которые не успели :-))) у меня тоже вопрос по этому поводу...вкладка home пустая...другие вкладки я заполняла как обычное сообщение, они ведь новые....а как сделать, чтобы вся история блога теперь была во вкладке home? или её нужно было как-то совместить вместе с "главная страница"?

      Delete
    7. Поддерживаю вопрос Ирины

      Delete
    8. Ирина, кажется я разобралась) в графе, где адрес страницы надо вводить просто вводите адрес блога - тогда в этой вкладе будет отображаться весь имеющийся багаж сообщений)

      Delete
    9. Ирина, вкладку главная страница переименуйте просто в Home. Либо создайте новую вкладку, назовите Home, а в ее адрес поставьте адрес вашего блога

      Delete
    10. Вкладка главная страница - не переименовывается, блин...а где адрес вкладки home я не знаю(((...т.е у меня есть страница home, у неё есть "создать" и html...и чего-то я уже совсем запуталась...извините (((

      Delete
    11. аааааа....нужно было создать вкладку со ссылкой!!!))) вот я дурында! всё! теперь работает! спасибо приспасибо!!!

      Delete
  35. Девочки, добавила Линки. Внесите свои ссылочки туда, пожалуйста! Проверять буду домашние задания из линки!

    ReplyDelete
  36. Читаю комментарии и понимаю, что если до этого урока мне сложно было, то теперь я вообще в полном ступоре :\
    Алена, скажи пожалуйста, а где кроме этой загадочной Пикасы можно сохранять изображения кнопок? что-то типа "радикала" bkb savepic не пойдет?

    ReplyDelete
    Replies
    1. Подойдет любой сервис! Главное чтобы он не удалял со временем файлы, в радикале они, вроде, хранятся не очень долго?
      Пикаса не так страшна, как кажется)) Это такой же сервис, как Фликр, например)) Просто у нас тут вышла не очень приятная история, но Пикаса не виновата)))

      Delete
  37. Алена...у меня все картинки,шаблоны,шапочки загружаются серым цветом....

    ReplyDelete
    Replies
    1. Как это, не поняла.. Покажите, где?

      Delete
    2. Алена,мне пока негде показывать...смысл в том что,сделала я шапку в фотошопе,просто надпись на белом фоне..а когда загружаю в блог этот фон становится серым....(((

      Delete
    3. Я уже много раз говорила об автокоррекции, похоже, у вас именно в этом дело
      http://tea-with-victoria.blogspot.ru/2013/09/blogger.html

      Delete
    4. Алена,спасибо большое!!!у меня из-за этого сегодня мозги вскипели...

      Delete
  38. Алена спасибо за такой курс) Мне очень интересно создавать дизайн моего блога вместе с вами) у знаю много нового о bloggerе) я в нем не очень прям хорошо разбираюсь) Для меня всегда было загадкой как сделать вкладки картинками, а не просто классическое меню)
    А у меня вопрос не относящийся к этой теме) Как сделать чтобы сообщение которое я публикую у себя в блоге, на главной странице открывалось не полностью, а что б была надпись читать дальше.

    ReplyDelete
    Replies
    1. А и еще интересует информация о пикаса) как туда попасть) и как там добавить фотографии)

      Delete
    2. Настя, вопросы, конечно, лучше задавать по теме)))
      Когда пишешь сообщение, наверху в меню есть кнопка "Вставить ссылку Дальше"
      Пикаса: https://picasaweb.google.ru/

      Delete
    3. Спасибо) просто первый вопрос меня давно уже мучает)

      Delete
  39. Алена, все сделала. Все самое простое, поэтому и быстро.
    В линки записалась.
    Спасибо огромное!

    ReplyDelete
  40. Очень благодарна за этот проект, много узнала и вовсю рисую))) Спасибо. Вопрос только: кнопки соц.сетей делаются также через "Страницы" или код. Или это будет отдельный урок, а забегаю вперед?

    ReplyDelete
    Replies
    1. Через код. Информация об этом еще будет, но в этом уроке есть все чтобы сделать и соц кнопки тоже) Принцип одинаковый

      Delete
  41. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. Спросила, а потом разобралась, поэтому удалила вопрос)

      Delete
  42. Алена,загляни пожалуйста ко мне. http://uyutniydom.blogspot.ru/ Фон взяла из твоей ссылки.Но наверху блога он почему-то не отображается,там белая пустота.Как быть? И еще слева наверху "товарный знак" этого аккаунта(где я фон взяла).Можно ли от него избавиться? Заранее спасибо большое за ответ!

    ReplyDelete
    Replies
    1. Алена,извините,делала-делала вчера блог,а у нас свет отключили и ничего не сохранилось(((

      Delete
    2. Оль, у тебя со всеми фонами такая проблема или именно с этим? Напиши мне сюда код, который вставляешь для фона, я посмотрю насчет "товарного знака" )

      Delete
    3. Спасибо большое! Но не могу сюда код вставить..

      Delete
    4. Вот тут http://shabbyblogs.com/design/blogger-backgrounds/?val=540 фон French Linen

      Delete
  43. Алена, ты настоящая пчелка-трудяжка! Спасибо за подробный урок... Буду пробовать!

    ReplyDelete
  44. This comment has been removed by the author.

    ReplyDelete
  45. Алёна спасибо за уроки, я не в участниках, но постоянно слежу за Вашими (твоими) замечательными уроками. Сегодняшний урок очень интересный и понимаю что нужно разобраться досконально)) Хотела задать вопрос - как сделать верхнюю панель постоянно сверху, даже если опускаешься вниз, а так же чтоб каждая кнопочка содержала подкнопочки. Это наверное очень сложно будет сделать? Спасибо

    ReplyDelete
    Replies
    1. Для этого нужно вписать специальный код, это сделать не сложно, сложнее настроить ее внешний вид под свой вкус)
      Давайте так, если тут еще девочки отпишутся, что это нужно и интересно, я в одном из последних уроков эту информацию выложу (так как изначально она не планировалась))

      Delete
    2. Было бы интересно! =)

      Delete
    3. Да-да, я тоже "за!"
      Чем больше полезной информации, тем лучше :)

      Delete
  46. Алена, простите мне мою необразованность. Вставляю коды для кнопок, но изображение не отражается. Вместо него выскакивает значок "битой картинки". Т.Е. она как как бы есть, но не отражается. Подскажите, пожалуйста, что я делаю не так.

    ReplyDelete
    Replies
    1. Уже сообразила!!! Извиняюсь за беспокойство.

      Delete
  47. Алена, я не совсем поняла как добавить в блог фон, который обрамляет центральную зону. Везде предлагаются коды, которые нужно вставить в какой-то HTML

    ReplyDelete
    Replies
    1. Ольга, так и нужно делать)

      Delete
    2. Да, только не понимаю где нужно добавить этот гаджет. Я нажимаю на вкладку дизайн, где выходит зонированное расположение элементов. А там куда? и куда этот код?

      Delete
    3. Там есть Добавить гаджет. Нажимаете, выбираете Наджет HTML и туда вставляете этот код

      Delete
  48. This comment has been removed by the author.

    ReplyDelete
  49. Алёна, перво-наперво спасибо за проделываемую тобой работу! Это все бесценно!
    А во-вторых возник вопрос по поводу кнопочек по центру. С кнопочками-картинками разобралась с грехом пополам. А вот код CSS так и не смогла победить. Я его вставляю, а кнопки как были с краю, так и остаются. Может еще что-то надо сделать? Или раскладку в дизайне какую-то особенную поставить?

    ReplyDelete
    Replies
    1. Алена, та же проблема, кнопочки отображаются, но они слева, а не по центру под шапкой((((

      Delete
    2. Да, этот код CSS действует только на вкладк. А то у вас уже не вкладк получаются, а гаджет хтмл. Поэтому тот код, что вы вписали в гаджет поместите между кодами <*center><*/*center> (звездочки убрать)

      Delete
    3. Спасибо, помогло)

      Delete
    4. This comment has been removed by the author.

      Delete
    5. Ой, не обновляла эту страницу аж с 28 февраля и пропустила ответ, а то у меня тоже самое было.) Алена, спасибо!

      Delete
    6. Оооо, ура! Спасибо, все получилось!!!

      Delete
  50. Отличный урок! Претворила в жизнь: поменяла фон в блоге, отцентровала вкладки/странички. Спасибо!

    ReplyDelete
  51. Алена,добрый вечер пытаюсь сделать цветным фон, но почему-то между шапкой и боковыми полями остается белая полоса. Можно ли как-то её убрать?

    ReplyDelete
    Replies
    1. Настя, в каком блоге ты делаешь, дай пожалуйста ссылку, хочу посмотреть)

      Delete
  52. Алена, спасибо тебе огромное!!!! Ох, как тяжело дается мне фотошоп))) Сегодня бьюсь целый вечер и никак не пойму, как вырезать изображение для кнопочек в виде овала и сохранить его только овалом без дополнительного фона

    ReplyDelete
  53. Марина, выделяешь овал, обрезаешь Edit -> Crop, потом нажимаешь Ctrl+J, появляется второй слой. Нижний слой делаешь невидимым (отключить глазик). И сохраняешь в формате png

    ReplyDelete
    Replies
    1. я сделала это 500 раз!!! и сохраняется все равно овал на белом прямоугольном фоне((((( что я делаю не так?

      Delete
    2. т.е. в фотошопе, когда фон делаю невидимым, он становится в бело-серую клеточку на экране, сохраняю файл, открываю в другом редакторе - овал на белом фоне

      Delete
    3. В каком другом редакторе? Видимо он на поддерживает png. На компьютере сохраненное изображение без фона?

      Delete
    4. Алена, все поняла))) в пикасе грузится, как надо)))) осталось только размер кнопочек подобрать. Но после всех нововведений стала очень долго загружаться страничка блога. Что больше всего влияет на загрузку? От чего отказаться? шапка весит всего 40Кб, фон 23Кб, почему тормозит?

      Delete
    5. и с этим разобралась))

      Delete
  54. Такой замечательный урок, и мне не удается его довести до ума..Алёна, хочу сделать, чтобы вкладки отображались как бы на одной ленте. Вроде и размеры те же выставляю, что и у тебя, а выходит вот какая гадость - http://khoroshenkaya.blogspot.com/ Как сделать эти вкладки меньше?

    ReplyDelete
    Replies
    1. У тебя все правильно, просто кнопки-картинки слишком большие и в одном ряду не умещаются
      Нужно их перед загрузкой в интернет уменьшить

      Delete
    2. А как мне их уменьшить? это в фотошопе надо как то?

      Delete
    3. Да, Edit -> Image size...

      Delete
    4. This comment has been removed by the author.

      Delete
  55. Алёна, ну объясните пожалуйста "сильно одарённым товарищам" что делаю не так. сделала кнопки, сохранила в писаке, и не пойму как мне получить коды на картинки. я выделила одну картинку и мне предлагаю -поделиться, копировать, переместит, удалить. Решила что надо нажать "поделиться" - но нет кнопки получить код. Где её искать подскажите пожалуйста))). Спасибо

    ReplyDelete
    Replies
    1. на картинку навести курсор и нажать правую кнопку мыши, появится меню, в нем выбрать "копировать URL картинки", дальше вставить скопированное куда надо)

      Delete
    2. Ведь элементарно, а я почему то решила что это должна быть кнопочка именно в гугле))). Спасибо огромное)))).

      Delete
  56. Здравствуйте Ваши уроки очень познавательные, сколько проделано работы, умничка! И хоть я с фотошопом на ты, но не все получается, хочу поменять фон, выбрала картинки с предложенных вами сайтов, но когда загружаю, выравниваю по центру, не разделяю на мозаику, и убираю галочку где прокручивать стр., так рисунок не стает как надо, то их по бокам появляется по 2 штуки каждого зеркально и виден переход между мозаикой, или когда ставлю Замостить стает нормально, но не весь рисунок видно.
    Я уже создала документ размером 1800 на 1600 и туда перетащила рисунок кот мне нужен, но когда вставляю в блог качество его становится ужасным, и все равно видно не весь рисунок.
    Может у меня где-то настройки не стандартные в блоге?? Какого размера должен быть фон?

    ReplyDelete
  57. не удается создать новый фон, перетаскиваю на него элементы декора, а их даже не видно на изображении размера 1800 на 1600, вот что у меня максимум получилось из кусочка сделать фон, но это не то, что я хотела(( http://nasyk2009.blogspot.com/

    ReplyDelete
    Replies
    1. Сейчас у вас ровный фон без стыков и пропусков, красиво
      Если хотите чтобы фон был одной картинкой, то 1600х1800 правильный размер

      Delete
  58. This comment has been removed by the author.

    ReplyDelete
  59. Алёна, СПАСИБО!!! за ваши замечательные уроки!!! Спасибо, что вы делитесь с нами своими знаниями! Никогда до этого никто так доступно не объязнял, как раборать с Фотошопом в блоге. Я и представить себе не могла, что за такое короткое время узнаю столько нового и полезного.
    Я конечно из тех, кто не успел записаться, так как попала в шас блог случайно и на 2 дня опоздала.
    Мой блог уже постепенно преображается, шапку пока не делала, жду вдохновения.
    У меня вопрос.
    Я зделала кнопки в фотошопе, загрузила на ширину блога 1100 пикселей и у меня теперь не работает последняя кнопка: контакты. Раньше, до этого с блоггеровскими настройками тоже так было, если будет время, посмотрите пожалуйста.
    Адрес блога:
    http://yarnsmile.blogspot.com
    Ленту со страницами я решила сделать на весь блог, так как она у меня не выравнивалась через код. Я читала в комментариях, как это исправить, но не очень поняла, в каком порядке всё нужно вписать.
    Надеюсь на вашу помошь.
    Спасибо!

    ReplyDelete
    Replies
    1. Про кнопку Контакты - она у нас в коде выглядит так же, как и остальные кнопки? похоже, что она стоит как обычная картинка, а не как кнопка. Проверьте код и чтобы страница, куда она ведет была в порядке
      Коды для центровки для стандартных вкладок и для вкладок-кнопок разные. Я писала в комментах, какими кодами выравниваются кнопки. Эти 2 кода нужно поставить один в самом начале, а второй в самом конце кодов с кнопками)

      Delete
  60. This comment has been removed by the author.

    ReplyDelete
  61. Алена,подскажи, пожалуйста. Устала воевать с развером кнопок-вкладок. Они получаются огромными!!! Уменьшала размер, но в этом случае текст становится практически размытым, а сам размер от этого меньше не становится...

    ReplyDelete
    Replies
    1. Интересно получается)) а как ты уменьшаешь кнопки?

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

      Delete
    3. Вы уменьшали в ФШ Edit-Image size? А до какого размера в пикселях?

      Delete
    4. я уже по-разному пробовала. Например, один из послудних, где получается размытость - 70*38 - совсем малюсики... Но сами кнопки по размеру получаются примерно такими, как сейчас у меня в блоге

      Delete
    5. Я сейчас посмотрела - кнопки у тебя размером 183 × 124 пикселей и они в блоге отлично смотрятся - если их будет три, то не больше, не меньше я бы их делать не стала.
      Если тебя смущает размытость, то просто перепиши на них еще раз текст - возможно, этот деформировался от многократного увеличения/уменьшения

      Delete
  62. Алена или девочки, подскажите! Собираюсь создать 4 вкладки под шапкой...я должна 4 раза создать новые страницы? и потом каждую отдельно настроить? и только потом ввести код, чтобы они расположились горизонтально?

    ReplyDelete
    Replies
    1. Сначала создаешь страницы, потом создаешь гаджет. Туда вписываешь все коды с адресами уже готовых страниц.

      Delete
  63. Я немножко не по теме.
    Ален не подскажешь какой нужно вставить код, чтобы когда вставляешь виджет *Изображение* не нужно было писать название? Видела раньше код, но потеряла место где видела..
    что то типа <-- --!>
    Спасибо заранее...

    ReplyDelete
    Replies
    1. Почти))) <*!-- --> (звезду убрать)

      Delete
    2. О, спасибо большое)))) знаки то запомнила, а порядок нет
      Ты моя спасительница)

      Delete
  64. Сколько полезной информации Вы пишите!Огромное спасибо за Ваш труд!!!!

    ReplyDelete
  65. У меня есть вопрос вот у меня страницы
    а глвную как не переименовую в англ она всеравно на русс:(
    http://snow-white-rabbit.blogspot.com/
    Спасибо тебе, дорогая!

    ReplyDelete
    Replies
    1. Оля, у меня тоже такое было. Я отключила отображение главной страницы и создала еще одну с нужным названием и дала ссылку на блог

      Delete
  66. 1000 благодарностей!

    ReplyDelete
  67. Алена, подскажи, пожалуйста, столкнулась с проблемой тусклости. Создаю шапочку в ФШ, цвета отличные, загружаю в блог, цвета совсем другие, какие то серые и грязные. В чем может быть дело?

    ReplyDelete
    Replies
    1. Отключить автокоррекцию изображений в Гугл+ :) Выше давала ссылку, как это сделать

      Delete
    2. она у меня отключена)

      Delete
    3. а еще, когда я открываю эту картинку в других "просмотрах фотографий" у себя, она тоже уже тусклая? Может ее как то в другом формате сохранять, чтобы не потярялись цвета?

      Delete
    4. Тогда стоит проверить, что режим изображения именно RGB (Image-Mode)

      Delete