2017-10-29

Textual description of firstImageUrl

Как вставить плейлист Youtube на сайт

как вставить плейлист youtube на сайт
Youtube развивается быстрыми темпами, все чаще стала возникать ситуация, когда найти информацию по какому-либо запросу на Youtube стало проще, чем на обычных текстовых сайтах. Все больше блогеров пользуются популярностью видеоконтента, и создают свой “облегченный” текстовый контент – они берут идеи у популярнх и не очень видеоблогеров, вставляют видео на свой сайт со своим описанием. Таким образом можно “наштамповать” много страниц на сайте. Главное в этом вопросе – попадание в тренд, поиск удачным запросов, которые находятся навзлете.
Если вы хотите стать одним из популярных видеоблогеров, то записывайтесь в школу Дениса Коновалова
Как вставить видео в блог, пожалуй, знают все (Перейдя по указаной ссылке, вы узнаете, как встравать видео youtube на сайт 2017, я исправила статью согласно изменениям, произошедшим на популярном видеохостинге). В этой заметке я расскажу, как вставить видео плейлист на ваш сайт. Плейлист – это серия следующих друг за другом видеороликов. Добавление интересного и полезного плейлиста в статью вашего сайтаа может надолго задержать посетителя, но это произойдет лишь в том случае, если тематика плейлиста будет строго соответствовать теме статьи, дополнять ее, материал будет изложен интересно и доходчиво.
Вам может быть также интересно, как вставить видео в блог ЖЖ
Инструмент вставки плейлиста удален из обновленного интерфейса Youtube, но это не значит, что теперь функция вставки плейлиста совершенно недоступна для вебмастеров. Нужно просто знать трюк, с помощью которого это можно осуществить. О нем и пойдет речь ниже. Вам может пригодиться также информация о том, как скачивать плейлисты youtube на компьютер.

Как вставить плейлист Youtube в сообщение блога или сайта

>br />
  1. Сначала нужно найти плейлист нужной тематики. Набираем в поиске Youtube ключевое слово и задаем фильтр “Плейлисты”. Смотрите скриншот ниже с порядком действий:
    найти плейлист youtube

    Результаты поиска:
    поиск плейлиста на youtube
    Вы можете перейти по ссылке – "название плейлиста” (выделено красной рамкой на скрине). Тогда вы попадете в окно просмотра видео из плейлиста. Если вы перейдете по ссылку “Просмотреть весь плейлист”, то попадете на страницу плейлиста с перечнем видео. Чаще всего вы будете иметь дело с первым вариантом.
  2. Итак вы на странице плеера плейлиста youtube. Скопируйте ссылку страницы:
    встроить плейлист с видео на сайт

  3. Пример: Ссылка на плейлист -
    https://www.youtube.com/watch?v=NEPWOPcx43k&list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    Из него нужно вычленить id плейлиста. Это код, который идет после &list=
    В примере id плейлиста PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl

    Если вы находитесь на странице просмотра плейлиста:
    встроить плейлист youtube на сайт

    Здесь также нужно скопировать ссылку страницы и вычленить оттуда id плейлиста.
    Ссылка на страницу плейлиста в примере:
    https://www.youtube.com/playlist?list=PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    id плейлиста – это набор символов, идущих после знаков ?list=
    В примере id – PLo1IuCm4SoLj74J2EgtZp5fZgjsxNxPOl
    Как мы видим, что id одного плейлиста, полученного разными способами совпадает. Это значит, что мы все делаем правильно. Используйте один из способов для получения id.
  4. Теперь вам нужно поставить id плейлиста в код:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=ID frameborder="0" gesture="media" allowfullscreen></iframe>
    Вместо ID (в коде выделено красным) подставьте свой id.
Пример плейлиста на сайте:

Как добавить плейлист вашего канала Youtube на сайт

Если у вас есть свой канал Youtube, и вы создаете плейлисты, добавляя в них свои или чужие видео (нет никакой разницы), то вы можете воспользоваться способом, описанным выши для встраивания плейлиста на сайт, но есть способ и проще. О нем и пойдет речь далее.
Перейдите в раздел “Творческая студия” –> Менеджер видео –> плейлисты –> выберите плейлист –> Настранице плейлиста нажмите на кнопку “Изменить”:
добавить видео плейлист на сайт
Теперь нажмите на кнопку “Отправить” –> HTML – код:
html-код-плейлиста
Читать далее ...

2017-10-26

Textual description of firstImageUrl

Конвертер Word документов в html онлайн

Конвертер Word в html онлайн
Использовать текстовый редактор Word очень удобно для написания статей для вашего сайта, но далее блогер сталкивается с проблемой выкладывания статей из ворд документов на сайт. Простой совет использования горячих клавиш CTRL + C и CTRL + V не подойдет, так как теряется все форматирование, и особенно жаль таблицы.
Выход из этой ситуации – использовать блог клиенты Windows Live Writer или Open Live Writer – подойдет тоже не всем, так как имеются сложности с использованием программ для публикации статей на вордпресс (их блокируют плагины безопасности), а также эти клиенты создают лишний код, что является существенным недостатком.
Вебмастерам, которые любят выкладывать на своих сайтах сложные таблицы, особенно рекомендую прочитать эту статью до конца. Некоторые решения проблем с созданием и публикацией таблиц в постах блогов я уже освещала в статьях:

Как перевести документ Word в html

Удобный сайт, который помогает преобразовывать тексты word файлов в html - https://word-to-html.ru/
Перевод Word в html онлайн
Пользоваться конвертером очень лекго. Копируйте содержимое вашего Word-документа в буфер обмена и вставляйте в редактор сайта word to html. Далее нажмите на значок исходного кода:
Word в html онлайн
Теперь выделите код, скопируйте его и вставьте в html-редактор записи вашего блога. Перед копированием кода, рекомендую провести оптимизацию кода (нажмите кнопку “Оптимизировать” на сайте). Самый большой плюс этого генератора в том, что таким образом вы сможете добавлять на ваш сайт сложные таблицы с шапками, объединенными ячейками, а также с выделением строк или столбцов цветом. При добавлении “цветной таблицы” оптимизировать код html нельзя.
Пример таблицы, добавленной при помощи сервиса:
Моя цветная таблица
ячейка
Пустое поле
Пример таблицы
-
Зеленое поле
Второе зеленое поле
Однако, сервис не лишен недостатков:
  1. Нельзя загрузить Word документ, необходимо вставлять содержимое копированием. Также, как и нет возможности скачать html-документ.
  2. Картинки пропадают. Придется их вставлять вручную.
Еще один сайт, который справляется с этой задачей - https://wordtohtml.net/
Как превратить документ Word в файл html
Здесь более расширенный редактор по сравнению с предыдущим конвертером. Недостаток: английский интерфейс. Функционал ограничен в бесплатной версии, так, например, загружить Word-документы можно только в PRO-аккаунте.
Конечно, в интернете есть и другие редакторы, но я остановилась на тех, которые мне больше всего понравились.
Читать далее ...

2017-10-08

Textual description of firstImageUrl

Убрать или изменить надпись “Показаны сообщения с ярлыком”

Убрать или изменить надпись “Показаны сообщения с ярлыком”
Надпись “Показаны сообщения с ярлыком” часто не устраивает блогеров, т.к. она не всегда нужна, не всегда выглядит красиво и выдает то, что блог ведется на платформе Blogger (некоторые вебмастера скрывают этот факт).
Если вы хотите красиво оформить ярлыки, то прочитайте статью по ссылке.
Полезная статья про настройку новых шаблонов Blogger 2017: как показать ярлыки в шаблоне Blogger 2017
показаны сообщения с ярлыком
Еще одна надпись, возникает при использовании встроенного поиска по блогу: “Показанные сообщения отсортированы по релевантному запросу (календарь). Сортировать по дате Показать все сообщения”.
Показанные сообщения отсортированы по релевантному запросу

Поэтому, убрав эти надписи, мы избавляемся от ненужного элемента и от лишнего кода. Из этой статьи вы узнаете, как это сделать несколькими способами, и как изменить эту надпись, прописав свой текст.
Узнайте также о том, как оптимизировать вашу тему Blogger, прописав заголовки h1, h2, h3
Внимание! Перед любыми изменениями в html редакторе темы, делайте резервную копию

Способ 1. Удаляем надпись “Показаны сообщения с ярлыком… Показать все сообщения”


  1. Перейдите в админке Blogger по пути Тема –> Изменить html
    Тема – Изменить html
  2. Клик в любом месте кода мышкой и нажмите CTRL +F для активации поиска по коду. Ищите отрезок кода:
    <b:includable id='status-message'>
  3. Кликните на стрелочку напротив найденного кода для раскрытия
    Убрать или изменить надпись “Показаны сообщения с ярлыком”
  4. Удалите весь код, заключенный внутри секции b:includable с идентификатором 'status-message', а именно:
         <b:includable id='status-message'>       <b:if cond='data:navMessage'>       <div class='status-msg-wrap'>         <div class='status-msg-body'>           <data:navMessage/>         </div>         <div class='status-msg-border'>           <div class='status-msg-bg'>             <div class='status-msg-hidden'><data:navMessage/></div>           </div>         </div>       </div>       <div style='clear: both;'/>       </b:if>     </b:includable>

    Убрать или изменить надпись “Показаны сообщения с ярлыком”
  5. Вставьте на его место код:
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
  6. Сохраните изменения.
Если таким способом вам по каким-то причинам, удалить указанную надпись не удалось, тогда переходим к способу 2.

Способ 2 удаления текста “Показать сообщения с ярлыком”

  1. Переходим в html редактор темы Blogger (Тема –> Изменить html)
  2. Найдите в шаблоне отрезок кода ]]></b:skin>
  3. Вставьте перед ним: .status-msg-wrap { display: none; }
  4. Сохраните изменения.

Как изменить текст надписи “Сообщения с ярлыком …”

  1. Повторите шаги 1-3 из Способа 1 (удаление надписи)
  2. Замените удаленный код следующим:
    <b:includable id='status-message'>
       <b:if cond='data:navMessage'>
       <div class='status-msg-wrap'>
         <div class='status-msg-body'>
           <b:if cond='data:blog.pageType == "index"'>
           <b:if cond='data:blog.searchLabel'>
             Сообщения с ярлыком <b><data:blog.searchLabel/></b>
           </b:if>
           <b:if cond='data:blog.searchQuery'>
             Показаны сообщения, соответствующие запросу <b><data:blog.searchQuery/></b>
           </b:if>
           <b:else/>
           <data:navMessage/>
           </b:if>
         </div>
         <div class='status-msg-border'>
           <div class='status-msg-bg'>
             <div class='status-msg-hidden'><data:navMessage/></div>
           </div>
         </div>
       </div>
       <div style='clear: both;'/>
       </b:if>
    </b:includable>
  3. Вы можете изменить текст, выделенный синим и зеленым на свой собственный.
Читать далее ...