Google Мой путь к успеху!: Создание блога на Blogger. Урок 4. Дизайн

понедельник, 4 июня 2012 г.

Создание блога на Blogger. Урок 4. Дизайн


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

Создание блога

Заходим в панель управления блогами, в списке слева выбираем Шаблон.

Создание блога


Вы увидите свой блог, а под ним две кнопки: Настроить и HTML. Нажимайте кнопку Настроить.

Создание блога

Вверху слева выбирайте вкладку Дизайн, которая определит как бы каркас Вашего блога. Вы видите, что блог может иметь разное строение: широкая часть для контента (Ваших сообщений) есть всегда. Кроме этого, могут быть боковые части (сайдбары), один или два, слева или справа или с обеих сторон. И сайдбары могут быть простые, и состоящие из 3-х частей. Советую, для начала, выбрать простой шаблон с одним правым сайдбаром – это вторая картинка, нажимайте на ней. Дизайн нижнего колонтитула выбирайте любой. Я выбрала серединку: нижний колонтитул из двух частей.

В правом верхнем углу щелкаете на кнопке Применить к блогу и затем на кнопке Назад в Blogger.

Создание блога

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

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

Панель навигации. Оформите эту панель в соответствии с цветовым решением Вашего блога.

Создание блога

Заголовок. Вы можете настроить заголовок по Вашему желанию. Заголовок можно поменять. Можно добавить описание. Можно добавить картинку, загрузив ее с Вашего компьютера или найдя в Интернете), причем ее можно разместить после или вместо заголовка и описания, либо между заголовком и описанием. Если будете вставлять изображение, поставьте галочку Сжать до размеров экрана, и не забудьте сохранить изменения, если они были.

Сообщения блога. Едва видимый прямоугольник, в котором Вы видите текст Сообщения блога и в правом нижнем углу этого прямоугольника кнопочка Изменить. Нажмите на нее. Откроется вкладка Настроить сообщения блога. В этой вкладке можно ничего не менять, но нужно убрать галочку там, где написано: Показывать объявления между сообщениями. Этим Вы не разрешите блоггеру показывать на страницах блога его объявления. И еще я в этой вкладке уберу галочку Место, затем Сохранить.

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

Как добавить гаджет

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

Выберем Популярные сообщения, оставим настройки как есть, сохраним, и перетащим этот гаджет на второе место.

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

Снова нажимайте Добавить гаджет. Выбирайте Картинка. Сюда мы вставим подготовленное фото. Впишите название гаджета (или картинки), можете вписать подпись, если нужно. Поле Связать пока оставьте незаполненным. Выбирайте изображение с жесткого диска, нажимайте на кнопку Выберите файл, находите на своем компьютере подготовленную картинку и щелкаете 2 раза мышкой на ее названии. Картинка вставилась. Не забудьте сохранить.

Пока на этом добавление гаджетов приостановим. Постепенно к выбранным сегодня добавятся другие, не менее нужные и интересные.

Теперь на странице Дизайн нажмите кнопку Сохранить расположение. И можете Просмотреть блог.
Создание блога

На этом урок закончен. В следующий раз мы научимся создавать так называемые постоянные страницы.

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



А чтобы не пропустить новые статьи, подпишитесь на обновления блога:


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

  1. Нина, здравствуйте.

    Поскажите, пожалуйста, есть ли возможность в блоге гуггле разместить код ссылки другого сайта. Если да, то как.

    Спасибо.

    ОтветитьУдалить
    Ответы
    1. Не совсем поняла Ваш вопрос. Уточните, пожалуйста

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

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

      Удалить
    2. Чтобы вставить баннер, сайт даёт код. Вставлять именно код или картинку баннера?

      А как насчёт текстовой ссылки. Там тоже присутствует код. Просто вставить его в гаджет?

      Простите за, возможно, глупые вопросы от "чайника-блогера".
      :)

      Удалить
    3. Вставлять нужно всегда код

      Удалить
  3. Нина, спасибо большое за Ваш блог. Действуя по алгоритму, предложенному Вами, скоро и мой блог выйдет в свет!
    Можно вопрос по гаджету? Картинку со ссылкой я вставила, но не могу нигде найти информацию, как сделать так, чтобы ссылка открывалась в новом окне? Надеюсь, я задала вопрос корректно (в смысле, правильно).
    С уважением, Елена.

    ОтветитьУдалить
    Ответы
    1. Елена, нужно после адреса ссылки (после кавычек) вставить такой текст: target="_blank" с пробелом до и после этого текста

      Удалить