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

пятница, 6 июля 2012 г.

Создание блога на Blogger. Урок 7. Как поставить на блог видеоролик


Продолжаем наши уроки по созданию блога.

Сегодня мы научимся вставлять на Ваш блог видеоролик либо с Вашего компьютера, либо с видеохостингов RuTube и YouTube.

Вставка видеоролика в сообщение

Чтобы вставить видеоролик в сообщение, посмотрите Создание блога. Урок 3, где Вы создавали новое сообщение.

Кликаете на иконку, изображающую кинокадр. При наведении курсора на эту иконку всплывает подсказка Вставить видеоролик.

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

Откроется окно добавления ролика. 

1. Добавить видеоролик с Вашего компьютера.


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

2. Добавить ролик с YouTube.

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

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

Затем идете на страницу создания нового сообщения, кликаете на кнопке HTML 

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

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

3. Добавить ролик с RuTube.

Когда вы смотрите видео на RuTube, ниже его названия Вы видите строчку с датой добавления и кнопками Поделиться и Код для блога. Кликаете по Код для блога, получаете в рамочке код, выделяете его (Щелчок в рамочке, Ctrl+A – выделили текст, Ctrl+C – скопировали, затем в блоге вставляете так же, как в предыдущем пункте.
Также Вы можете вставить ролик с телефона или записать с веб-камеры. 

Вставка видеоролика в гаджет

Идете на страницу Дизайн, Добавить гаджет, выбираете HTML/JavaScript, в открывшемся окне пишете название ролика, вставляете скопированный код и не забудьте Сохранить.

Трудность здесь может быть в том, что плеер не поместится в ширину Вашего сайдбара. Тогда в коде необходимо будет уменьшить величину width (ширину скорректировать в соответствии с выбранной шириной сайдбара в уроке 5) и пропорционально ей величину height. Посмотрите внимательно: возможно, что в коде размеры прописаны дважды, значит, и изменять их нужно в обоих местах.

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

На этом урок заканчиваем. Успехов!



4 комментария:

  1. Нина, спасибо Вам огромное за такие доступные уроки. А мне-то казалось, что я знаю блоггер от А до Я))). Пробежалась по Вашим урокам...Есть что взять на вооружение!

    ОтветитьУдалить
    Ответы
    1. Спасибо, Наталья, за Ваш отзыв! С удовольствием делюсь всем, что знаю сама, поэтому рада, что это Вам оказалось полезно.

      Удалить
  2. Нина,здравствуйте!
    Осваиваю Блоггер и свой блог http://ddohod.blogspot.com/ делала с вашей поддержкой ! Спасибо вам за уроки !

    ОтветитьУдалить
    Ответы
    1. Татьяна, мне приятно, что мои уроки используются. Заходите, будет еще немало полезной информации. Лучше всего было бы подписаться на обновления, тогда Вы точно не пропустите новые статьи. Спасибо Вам за то, что оставили свой отзыв.
      Ваш блог мне понравился, он еще молодой, но начало многообещающее.

      Удалить