понедельник, 15 мая 2017 г.

Дизайнерский проект "Стильный блог-легко!" Этап 3

  Привет привет, дорогие участники проекта "Стильный блог-легко!" ! Вот мы с вами и вышли на финишную прямую. Когда я читаю отчеты, мне приятно и радостно за вас и ваши изменения. Я с волнением открываю линки, т.к. этот проект первый в моей дизайнерской "карьере". Спасибо, что поддержали и приняли участие в нем. 
  Ну, а сегодня самый ответственный 3 Этап проекта.
  Сегодня мы будем наводить лоск в наших блогах. 
  Сначала я покажу, как работать со стандартной темой для blogger.

Заходим в раздел "Дизайн" и видим много много окошечек с названиями гаджетов, которые отображаются в нашем блоге.

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

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

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

Для начала удалим гаджет "Обо мне" и вместо него добавим гаджет HTML/JavaScript.
Загрузим нашу картинку с аватаром на сайт Радикал. Затем откроем окно с гаджетом и вставим туда код: 

<center><img width="ширина картинки в пикселах" src="адрес картинки" /></center>


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


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

Мы можем менять названия каждого гаджета в строке "Название". Пустое окошко "Содержание" нужно для вставки html кода, или обычного текста для описания.
Теперь давайте определимся какие гаджеты нам необходимы в первую очередь. Вот мой список: "Ярлыки", "Архив", "Рассылка по электронной почте", "Поиск по блогу", "Заголовок блога", "Список страниц", "Сообщения", "Популярные сообщения", "Постоянные читатели" и "Список ссылок" (для ссылок на соц сети).

Список ссылок по дополнительным кодам html:

-Для дополнения гаджета галереи инстаграм вы можете использовать вот этот конструктор html кода.
-Для выведения последних комментариев ваших сообщений посмотрите коды здесь.
-Также вы можете ввести в поисковике "html коды для оформления блога"  и подобрать понравившиеся и понятные сайты.

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

Покажу вам еще один способ оформить аватар для блога. Он подойдет как для стандартного шаблона, так и для скачанного.
В моем шаблоне уже есть гаджет About Autor. Я нажимаю на значок с ключом и вставляю коды с пробелом между ними: 

<center><img width="250" src="http://s16.radikal.ru/i190/1705/96/2e7ef19a0fa4.jpg" /></center>

<center>Привет, Я Ксения! Создаю уютное оформление для страниц в соц сети!</center>

и получаю красивый аватар с подписью.

Шапка для блога в скачанный шаблон загружается также, как и в стандартный.

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

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

Также "прочистите" боковую панель от старых баннеров с розыгрышами конфеток и теми, которые уже вам не нужны.

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

И немного ссылок на полезные ресурсы:
-Курс "Мой красивый блог" - детально описана работа с фотошопом и есть много полезных html кодов для блога. Свой первый блог я оформляла по этому курсу.
-Hello Blogger! - все блоги в одном месте.

Задание для 3 этапа дизайнерского проекта "Стильный блог-легко!"
- Загрузить ваши шаблоны в блог
- Выбрать нужные вам гаджеты
- Убрать лишние баннеры, разобрать старые тексты, придумать новые рубрики
- Написать отчет о проделанной работе и чем был вам полезен этот дизайнерский проект
- Добавить работы в линки не позднее 21 мая 24:00 часов для того, чтобы участвовать в розыгрыше трех призов:
-Разработка дизайн-концепции любой вашей соц сети
-Личная консультация
-Электронный набор для оформления постов

Жду вас на подведении итогов 22 мая! До встречи!

6 комментариев:

  1. Ух, спасибо! Очень содержательно! Осталось попытаться применить :)

    ОтветитьУдалить
  2. Зачем использовать сторонний сайт Радикал, если есть гугл фото?

    ОтветитьУдалить
    Ответы
    1. Если вам удобно загружать на гугл фото, можете использовать его. Я описала то, как я делаю. Я же не ограничиваю участников, а показываю основной принцип.

      Удалить
  3. Спасибо большое, Ксения, за такой полезный проект!!!! Многое вспомнила, много узнала, многому научилась :))) И, наконец-то, я сделала свой второй блог, о котором так давно думала, да всё руки не доходили :))))

    ОтветитьУдалить
  4. В этот раз я не опазДашка))))) я успела))

    ОтветитьУдалить
  5. Ксения, я не успела. Только с дачи приехали.
    Оставлю ссылку здесь http://galinnart.blogspot.ru/2017/05/3.html#more

    ОтветитьУдалить