Как опубликовать статью на Blogger.com

Приветствую, уважаемые друзья! Более чем достаточно времени прошло с момента публикации предыдущего материала, поэтому я уверен, что те, кому тема создания блога на Blogger.com интересная, уже давно зарегистрировали домен в зоне PP.UA и привязали его к своему ресурсу. Сегодня мы рассмотрим следующий шаг, а именно: как опубликовать статью на блоге.

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

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

Жмем на нее и перед нами появляется визуальный редактор, который крайне понятен, ведь нечто подобное мы можем наблюдать в редакторе Word от Microsoft, которым каждый из нас хотя бы один раз пользовался.

Ну а дальше все привычно, набираем текст, даем нашей статье заголовок и жмем кнопку “Опубликовать”. Я буду использовать для примера текст-рыбу, который потом удалю и напишу реальную статью.

После нажатия “Опубликовать”, нам сразу предложат поделиться материалом в Google+, я здесь нажму “Отменить”, а когда статья будет настоящая – конечно поделюсь.

После этого нас перекидывает в мастерскую блога, где мы можем увидеть нашу публикацию. Также мы можем нажать кнопку “Просмотреть блог” и оценить свою работу, как выглядит наша статья на главной странице.

Вот так сейчас выглядит наш материал, вроде все мы сделали, статью опубликовали, но что-то здесь не то …

Теоретически, но только теоретически, можно оставить и так, ведь публикация готова, и кто же такой ресурс будет читать? Без картинок, без видео, без оформления анонсов на главной … когда на сайте находиться просто некомфортно?

Поэтому давайте мы рассмотрим, что можно сделать с материалом, как его отредактировать и “приукрасить”. Возвращаемся обратно в админку блога и наводим мышку на нашу статью. Под названием увидим линк “Редактировать” и жмем на него.

Снова откроется редактор и давайте мы сделаем статью на главной не в “полный рост”, а небольшим анонсом, чтобы посетитель мог решить, просмотреть материал полностью, или искать другой на блоге.

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

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

Теперь стоило бы добавить в статью хотя бы какое-то изображение. Здесь также все очень просто, возвращаемся в редактирование текста публикации, становимся мышкой в то место, куда хотим вставить изображение, и нажимаем иконку “Вставить изображение”.

Появится специальное окно, где мы можем добавить какую-то фотографию в нашей статье. Здесь также все просто, жмем “Выбрать файлы” и выбираем подготовленное изображение на своем ПК. Можно выбрать и из других источников, вверху Вы можете увидеть варианты: “Из этого блога”, “Из архива Google”, “веб-камеры” и т.д.

Скачиваем файл, выделяем его и жмем “Добавить выбранные”.

Изображение появится в тексте нашей публикации. По умолчанию Blogger положит этот файл по центру, а поскольку я хочу добавить небольшую миниатюру на начало статьи, то мне нужно врівняти это изображение слева.

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

Размер я выберу “малый” и вирівняю слева, то есть нажму “слева”. Вот теперь в том положении, которое мне и было нужно.

Аналогично, где-то после линии разрыва, я добавлю еще одну фотографию, но размер выберу “средний” и оставлю выравнивание “по центру”. Вот результат.

После этого жму “Обновить” и просматриваю главную страницу блога. Вижу, что миниатюра есть, все классно, так намного лучше.

Если же я нажму на линк “Подробнее”, то в тексте тоже вижу вторую фотографию. Прекрасно!

Теперь давайте добавим к нашей статьи видео. Чаще всего видео добавляют с YouTube, поэтому именно это мы и сделаем. Здесь также нет ничего сложного, возвращаемся к редактированию публикации, становимся мышкой в то место, где мы хотим добавить видео и жмем иконку “Вставить видео”.

Появится аналогичное окно, как и при добавлении изображения, также с вариантами источников. Давайте вставим постороннее видео с YouTube, для этого и выбираем вкладку “YouTube”.

В поле вставляем URL-адрес видео и жмем кнопку поиска, нам необходимо, чтобы Blogger отыскал это видео на сервисе YouTube.

Когда видео находится, мы его выделяем и жмем “Выбрать”.

Если же Вы будете добавлять видео со своего канала, то просто переходите на вкладку “Мои видео на YouTube” и по аналогии, выделяете ролик и нажимаете “Выбрать”.

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

Для этого в левом верхнем углу находим две кнопки “Написать” и “HTML”, перемикаємось на режим “HTML”. Не пугайтесь незнакомых символов, здесь нам просто необходимо найти абзац, в котором встречается слово YouTube, а в этом абзаце отыскать два значения height и width.

Дальше мы идем на YouTube, к тому видео, которое мы вставляли. Под видео находим ссылку “Поделиться”, далее – “Вставка” и жмем “Показать больше”. Откроется предварительный просмотр видео и под ним мы видим возможность выбрать размер.

Почему так? Вы можете и наугад изменить размер видео, но тогда можно просто не угадать с пропорциями и у Вас может получиться большая ширина, но маленькая высота. А на YouTube уже есть готовые, “настроены” по соотношению, размеры.

Следовательно, эти размеры мы и прописываем в режиме “HTML”, просто исправляем значения height и width и перемикаємось обратно в режим “Писать”.

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

Просматриваем страницу статьи и видим, что видео хорошо вписался в текст.

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

В появившемся окне, в поле “Текст для отображения” подставится слово или слова, которые будут ссылкой, а в поле “Веб-адрес” необходимо указать URL-адрес того сайта, куда мы ссылаемся.

Немного ниже видим две галочки. Первая, “Открыть ссылку в новом окне”, дает возможность посетителям, переходя по нашим ссылкам, все же оставаться на сайте, то есть ресурс, на который мы ссылаемся, откроется в новой вкладке браузера.

А вторая, “Добавить атрибут “rel=nofolow””, указывает Google, что это ссылки учитывать не нужно, ведь большое количество исходящих ссылок с нашего ресурса, как Вы возможно знаете, не очень хорошо влияет на позиции сайта в поисковой выдаче.

Поэтому мы ставим эти две галочки. Прописали, проставили и жмем “ОК”.

Можем это сделать ссылку жирным шрифтом, чтобы его было лучше видно и жмем “Обновить”.

Все, видим нашу ссылку в тексте статьи. Готово!

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

Как это выглядит? Для начала давайте зайдем в редактирование нашей публикации и обратим внимание в правый бок редактора, где есть пункт “Метки”.

Нажмем на него и в поле под названием “Метки”, мы можем прописать те метки, которые хотим добавить к нашему материалу. Как их правильно прописать? Здесь просто имейте в виду, что одна из меток, которые Вы добавите к этой статье, будет выступать в качестве пункта меню. Я сделаю немного по своему, то есть я не буду добавлять в статьи несколько меток, а добавлю всего одну, к каждой статье по одной метке.

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

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

Но, и эта и предыдущая статья также могут иметь метку общество. И когда я вывожу на сайте перечень меток, человек может не просто воспользоваться меню категорий, а выбрать по меткам, то есть по содержанию. Потому что статья о животных у меня может относиться к категории “Личное”, а статья про алкоголь – к категории “Люди”, то есть статьи будут в разных пунктах меню и читателям нужно будет просмотреть эти две категории. А выбрав метку “общество”, читатель откроет все статьи с этой меткой, независимо к какой категории они относятся.

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

Теперь мы в админке видим эту статью, видим время публикации, видим автора и метку.

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

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

Домашнее задание: написать хотя бы три публикации и проставить к ним различные метки. Напишите три разные по содержанию статьи с метками, чтобы мы имели из чего создавать меню и работать с макетом. Подумайте, не спешите, временные ограничения мы ставить не будем. К следующему уроку я также подойду с уже реальными материалами на своем блоге olegvoloshchuk.pp.ua.

А на сегодня у меня все, желаю Вам отыскать интересные темы для публикаций, хорошего Вам дня и прекрасного настроения!

Шануйтеся!

P. S. При создании публикации, Blogger автоматически генерирует URL материала, который выглядит не совсем правильно. Поэтому, при написании статьи, исправляйте эти URL в соответствии с названия Вашего материала в латинской транслитерации. Например, статья с названием “Обо мне”, должна иметь URL “pro-myenya”. Это можно сделать в текстовом редакторе, в разделе “Расписание”.

В поле “Постоянная ссылка” поставьте отметку на “Специальное постоянная ссылка” и пропишите латинскую транслитерацию названия Вашей публикации. Эта действие не обязательная, но крайне рекомендуемая.