Scroll

Как добавить блог с помощью сервиса Blogger в шаблон MotoCMS HTML?

1. Панель инструментов
2. Вкладка "Обзор"
3. Как создать сообщение?
4. Как добавить изображение?
5. Как добавить видео?
6. Настройка
7. Конфиденциальность и разрешения
8. Интегрирование блога на сайт

Эта инструкция расскажет о том, как создать блог, о его основных возможностях, и о том, как его интегрировать в сайт на основе шаблона MotoCMS HTML.

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

Далее, чтобы начать пользоваться сервисом, необходимо посетить домашнюю страницу Blogger и авторизироваться.

Нажмите кнопку "Новый блог", выберите заголовок, адрес, понравившийся шаблон оформления блогаи нажмите на кнопку "Добавить блог!"

  

1. Панель инструментов

 

На панели инструментов перечислены все блоги, с которыми вы работаете. Рядом с каждым из них расположены значки различных действий:

  • Чтобы создать новое сообщение, нажмите на оранжевый значок карандаша. Откроется редактор сообщений.
  • Чтобы увидеть свои сообщения, нажмите на серый значок "Перейти к списку сообщений". Откроется страница с опубликованными сообщениями и черновиками.
  • В списке чтения перечислены любимые блоги, на которые вы подписаны, и последние опубликованные в них сообщения.
  • Рядом со значком "Перейти к списку сообщений" находится раскрывающееся меню со списком доступных вкладок:
    • Обзор
    • Сообщения
    • Страницы
    • Комментарии
    • Статистика
    • Прибыль
    • Дизайн
    • Шаблон
    • Настройки

2. Вкладка "Обзор"

 

Во вкладке "Обзор" можно посмотреть статистику посещений блога, новости и советы от команды Blogger, а также новости Blogs of Note.

 

3. Как создать сообщение?

После входа в Blogger вы увидите панель инструментов со списком доступных блогов. Далее необходимо следовать инструкциям:

1. Нажмите оранжевую кнопку с изображением карандаша, чтобы открылся редактор сообщений.

2. Редактируем заголовок (он необязателен). Затем вводим текст сообщения:

3. Чтобы увидеть, как будет выглядеть сообщение в блоге, следует нажать кнопку "Просмотр". Чтобы опубликовать сообщение, необходимо нажать кнопку "Публикация".

4. Как добавить изображение?

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

После добавления изображения можно настроить его размер и расположение в сообщении.

Варианты "Выровнять по левому краю", "Выровнять по центру" и "Выровнять по правому краю" позволяют указать, как текст сообщения будет обтекать изображение.

Варианты "Маленький", "Средний", "Крупный", "Очень крупный" и "Исходный размер" позволяют выбрать размер изображения.

 

5. Как добавить видео?

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

Нажмите кнопку "Выбрать видео для загрузки" и выберите на компьютере видеофайл. Blogger поддерживает форматы *.avi, *.mpeg, *.wmv, QuickTime и RealMedia. Размер файла не должен превышать 100 Мб.

Перед добавлением видео необходимо ввести заголовок в одноименном поле "Заголовок видео", а также ознакомиться и принять "Условия предоставления услуг" (это нужно сделать только при первом добавлении видео в Blogger). 

Во время загрузки вы увидите расположение окна видеоролика в сообщении, а также информацию о процессе загрузки. Время загрузки зависит от размера видеоролика и, как правило, не превышает пяти минут. После завершения загрузки видеоролик появится в редакторе сообщений.

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

Во вкладке "Шаблон" можно нажать оранжевую кнопку "Настроить" и начать работу с простым и удобным дизайнером шаблонов или выбрать один из базовых вариантов. Если вы хотите изменить HTML-код своего блога, нажмите серую кнопку "Изменить HTML".

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

1. На панели инструментов блога в раскрывающемся меню выберите "Дизайн".

2. Нажмите на ссылку "Изменить", чтобы настроить существующие гаджеты, или на ссылку "Добавить гаджет", чтобы добавить новые.

3. Чтобы добавить в блог новый гаджет, нажмите на ссылку "Добавить гаджет", а затем – на значок "+" рядом с нужным гаджетом. Гаджеты объединены по категориям. Также можно использовать окно поиска гаджетов в правом верхнем углу.

 

7. Конфиденциальность и разрешения
По умолчанию блог могут читать все пользователи Интернета, но при желании его можно сделать личным. Для этого необходимо изменить параметры на странице Настройки -> Основное.

1. В разделе "Читатели блога" по умолчанию выбрано значение "Кто угодно". Если вместо него указать "Только эти читатели", появится ссылка + Добавить читателей.

2. Нажмите на ссылку + Добавить читателей и введите адреса электронной почты пользователей, которым вы хотите предоставить доступ к своему блогу. Разделяйте адреса запятыми.

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

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

8. Интегрирование блога на сайт
Когда блог будет готов, его следует добавить в HTML Widget при помощи iFrame. Для этого размещаем на странице HTML Widget и нажимаем кнопку "Редактировать виджет".

Выберите шаблон "Blank HTML" и вставьте следующий код:

<iframe src="http://my.blogspot.com" name="frame1" scrolling="auto" frameborder="no" align="center" height = "100%" width = "100%">
</iframe>

где http://my.blogspot.com - это ссылка блога.

Сохраните и проверьте результат.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk