2018-07-31

Textual description of firstImageUrl

Оформление ссылок HTML

Оформление ссылок HTML


Коды HTML для создания ссылок


  1. <a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a>Шпаргалка по HTML для блоггера;
  2. <a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блогера (откроется в новом окне);
  3. <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a>,

 где title="Шпаргалка по HTML для блогера" - всплывающая подсказка. - Создание кликабельной картинки, т.е. при нажатии на изображение открывается ваша ссылка.


Отменить подчеркивание ссылки:


<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>
Пример: Азбука блогера


Поменять шрифт, цвет и размер шрифта для ссылки<


<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a>
Пример: Ваш текст

Ссылка в рамке


1. точками:
Ваш текст

 <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> <
2. пунктиром: <

Ваш текст


<a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
3. трехмерная вдавленная:

Ваш текст

<a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
4. Таким же образом можно задать и остальные рамки: сплошной чертой (solid), двойной (double), трехмерная выпуклая (ridge), трехмерная ступенька вверх (inset), трехмерная ступенька вниз (outset), изменяя параметр border-style
5. Ссылка в разноцветной рамке:

Ваш текст

 <table style="border-style: solid; border-width: thick; border-top-color: blue;
<br />border-right-color: red; border-bottom-color: green; border-left-color: Yellow;">
<tr> <td> <a href="АДРЕС СТРАНИЦЫ">Ваш текст</a></td> </tr>
<br /></table>



Подчеркнутая ссылка


1. Ссылка зеленого цвета, подчеркнутая красной чертой
Ваш текст
<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>

1. Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Например: Ваш текст
<a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>

Ссылка на цветном фоне


Ссылка
<a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="АДРЕС СТРАНИЦЫ">Ссылка</a>

Изменение цвета фона ссылки после наведения на нее курсора
ТЕКСТ ССЫЛКИ
<a href="АДРЕС СТРАНИЦЫ"><font onmouseover="style.backgroundColor='#98FB98'; style.cursor='hand'" onMouseOut="style.backgroundColor='#FFDAB9';">ТЕКСТ ССЫЛКИ</font></a>

Ссылка на фоне-картинке (изображении)




HTML

<table background="Ссылка на фоновое изображение" style="width: 120px;"><tbody>
<tr><td height="10" width="100"><br />
<center>
<a href="Ссылка на вашу страницу"> HTML</a></center>
</td></tr>
</tbody></table>
Читать далее ...

2018-07-30

Textual description of firstImageUrl

Программа для создания кроссвордов

Как сделать кроссворд онлайн
Я уже писала про сервисы-генераторы кроссвордов онлайн. Сегодня эта тема будет освещена с несколько другой стороны. Я расскажу как сделать кроссворд и вставить его в свой блог для развлечения ваших читателей. Одновременно это приведет к улучшению поведенческих факторов – длительности просмотра страниц блога). Вы можете делать увлекательные конкурсы с денежными призами, что тоже улучшает ПФ. Эта программа поможет также в образовательных целях, так как составленные в ней кроссворды можно распечатать на бумаге, сохранить в eps (как картинку) и txt (в блокноте).
Для того, чтобы создать кроссворд нам понадобится специальная программа Eclipse Crossword для составления кроссвордов, скачать ее можно с официального сайта.
Запустим программу. Выполняем действия по пунктам:
  1. Выбираем первый пункт и жмем “Next” –>
    Программа для составления кроссвордов /*
  2. Чтобы составлять вопросы и ответы кроссворда в программе, выбираем первый пункт и снова “next”

    Программа для составления кроссвордов
  3. Пишем в верхней строке – слово, которое будет угадываться, ниже – задание, значение слова. Далее жмем кнопку “Add word to list”, что значит “добавить слово в список”. так продолжаем вписывать слова со значениями до тех пор, пока не кончится воображение ))
    Далее – кнопка “next”.

    Программа для составления кроссвордов
  4. Появится вопрос во всплывающем окне “хотите ли вы сохранить список слов?”. В зависимости от вашего желания выбирайте “Да” или “Нет”.
    Программа для составления кроссвордов
  5. На следующем этапе даем название вашему кроссворду, вписываем ваше имя или ник и информацию копирайта.
    Программа для составления кроссвордов
  6. Указываем насколько большим будет ваш кроссворд:
    кроссворд на блог
  7. Ваш кроссворд готов! Если вас не устраивает расположение слов в кроссворде, то жмем на “make another puzzle like this one”
    кроссворд
  8. На следующем шаге выбираем опцию “option” –> вкладка “Web”. В ней ставим флажки, как показано на скриншоте:
    Программа для составления кроссвордов7
  9. Теперь во вкладке “save as web page” сохраняем кроссворд в виде “Interactive with javascrit”:
    javascript кроссворд
  10. Теперь осталось загрузить кроссворд в блог и дать ссылку вашим читателям на страницу загрузки.
    Я предлагаю пользователям blogger загрузить страницу с кроссвордом на сайт ucoz через файловый менеджер (на подобии мы делали, когда загружали флэш в интернет). Далее берем ссылку на файл и в сообщении блога в режиме html прописываем следующий код:
    <iframe height="500px" src="ссылка на кроссворд" width="100%"></iframe>
Внимание! Чтобы ваш кроссворд работал без проблем, сохраняйте его в кодировке UTF 8 без BOM. 
Разгадайте мой кроссворд:
Читать далее ...

2018-07-26

Textual description of firstImageUrl

Блокнот онлайн: сервисы с функцией редактора кода

online notepad
Множество сервисов разработано для удобства пользователей. Пожалуй, некоторые и них с успехом заменят привычные стандартные компьютерные программ. Сегодня мы поговорим о таком простом, но необходимом инструменте-сервисе онлайн, как блокнот.
Итак, функции блокнота сводятся к следующему:
  • Создание записей, заметок, напоминаний и других текстовых документов для личных целей,
  • Сохранение важных сведений – паролей, ключей, электронных почт, серийных номеров, некоторой документации.
  • Преобразовании одной кодировки в другую (Unicode, UTF-8 и ANSI).
  • Создание и редактирование кода (для более широкого использования этой функции с возможностью тестирования существуют html редакторы онлайн). Эта функция важна при создании сайта.
  • Для создания клавиатурных рисунков.

Перечень онлайн сервисов  с функцией Блокнот

..
  1. Блокнот онлайн - https://note-pad.net/ – простой и понятный. Имеет функцию создания страниц. В результате, ваш блокнот может состоять из нескольких листов. Удобный поиск по странице и возможность скачать текстовый документ на компьютер.
    услуги по созданию сайтов
  2. Очень удобный блокнот для редактирования кода пригодится вебмастеру на www.bumajko.ru. Здесь вы можете писать коды и просматривать результаты в расширенной форме редактора. Редактируем html и css.
    ваш блокнот
  3. Не для кого не секрет, что текстовые документы можно создавать в гугл документах https://docs.google.com.
  4. На онлайн сервисе miniplan.ru вы можете планировать свои дела. Этот сервис не похож на обычный текстовый блокнот, к которому мы привыкли. Однако, он выполняет одну и функций блокнота – создание заметок, списка дел. Кроме того, к вам на почту будут приходить напоминания о запланированном мероприятии.
  5. Больше категорий и функций планировщика вы найдете на www.rememberthemilk.com. Необходима регистрация.
  6. Еще один сервис для заметок notes.io. Пишем напоминания и отправляем друзьям..
    notes.io
Читать далее ...
Textual description of firstImageUrl

Pdf Candy desktop–конвертер PDF файлов

pdf candy desktop
Здравствуйте! Сегодня я хочу рассказать вам об отличном конвертере PDF, который позволяется переводить файлы PDF в другие форматы – Word, DOCX, JPEG, PNG, OCR, RTF, ODT, TIFF, BMP.
В файл PDF вы можете конвертировать еще большее количество форматов. Это Word, Docx, HTML, JPG, PNG, TIFF, BMP, RTF, ODT, Excel, ODF, а также форматы электронных книг FB2, EPUB, MOBI.
pdf candy конвертер
Огромный плюс программы в том, что PDF Candy Desctop позволяет распознавать текст при помощи встроенного инструмента ОРС (оптического распознавания символов). Программа понимает русский язык.
Кроме функции конвертера в программе PDF Candy Desktop имеются функции:

  • сжатия PDF,
  • склейка PDF файлов,
  • разбитие PDF файла на несколько,
  • функция удаления страниц,
  • защита PDF паролем. Здесь также можно поставить пароль на PDF.
  • поворот PDF файла на 90°, 180°, 270°.
  • функция обрезки PDF,
  • функция извлечения изображений,
  • извлечь текст,
  • редактировать метаданные
Программа PDF Candy Desktop – условно-бесплатная. Вы можете попробовать её в действии определенный бесплатный тестовый период. Если вы не готовы платить за эту многофункциональную программу, то у меня есть для вас хорошая новость – на сайте разработчиков доступен совершенно бесплатно конвертер PDF файлов, но без распознавания отсканированного текста.
На сайте Candy PDF кроме конвертера имеются и другие инструменты работы над PDF файлами. Во-первых, это те же инструменты, что имются в программе, плюс дополнительные:
  • снять защиту с PDF,
  • добавить водяной знак (текстовый или изображение). Примечание: русские символы не принимает, лучше писать латиницей, например, укажите домен вашего сайта в качестве водяного знака или подготовьте логотип.
  • сортировка страниц. Просто перетягивайте миниатюры страниц, чтобы изменить их последовательность:
    2018-07-26_19-37-39
  • изменение размера страниц файла. Изменяйте формат на любой другой – А3, А4, А5 и др.
  • нумерация страниц PDF файла,
  • добавление колонтитулов.
Как вы видите, сервис и программа PDF Candy имеет множество разнообразных инструментов по работе над PDF-файлами, из которых самый важные – это конвертер PDF в другие форматы и распонавание текста. Это часто бывает необходимо, когда нужно редактировать PDF-документ.
Читать далее ...

2018-07-23

Textual description of firstImageUrl

Youtube расширения для google chrome

расширения youtube для google chrome
Какие же расширения, упрощающие работу с youtube, можно установить в браузер Google Chrome?
Читать далее ...
Textual description of firstImageUrl

Как добиться успехам в интернете

как добиться успеха
Прежде чем ответить на вопрос, поставленный в заголовке, каждый должен понять
что такое успех?
Причем ответ на этот вопрос для каждого будет свой. Для одного – это состояться в профессиональной сфере, для другого – в личной и семейной, а кому-то достаточно найти легкий способ заработка в интернете Подмигивающая рожица.
Вы можете проанализировать сами что именно вкладывают в понятие успеха пользователи Рунета. Для этого нужно ввести “успех” в подборку ключевых слов wordstat Яндекса. Отделив ненужные нам результаты типа общих "фраз “путь успеха”, “истории успеха” и слов для поиска фильма “Добейся успеха”, мы увидим следующую шкалу:




  • На первом месте Успех в бизнесе, следом же идут “компании успеха”,
  • Чуть ниже начинают появляться запросы, связанные с приоритетами учебы,
  • Только на четвертой странице мы видим заинтересованность в финансовом успехе, что отражает, что большинство понимает, что деньги нужно заработать, для чего нам и понадобятся обучение и работа.
  • Социального успеха и признания хотят не менее 1068 раз в месяц,
  • Самое интересное, что на пятой ступени идет запрос “детский сад успех” Широкая улыбка
  • Уже далее следуют успехи в отношениях, спортивный успех, приоритет здоровья и пр. Конечно, эта градация довольна условна, и скорее интересна оптимизаторам, однако она позволяет сделать первичные выводы о том, что именно каждый из нас вкладывает в это важное понятие. У вас может быть совершенно другой ответ на этот вопрос. Именно правильный ответ поможет вам определиться с действиями, вы пойдете в нужную сторону, и, добившись успеха, сможете почувствовать себя счастливым.
    Например, для девушки – это может успехом может быть счастливое замужество, для оптимизатора – качественный сайт, приносящий прибыль, для школьника – отличные оценки в аттестате и др.
    Итак, мы определились с понятием успеха. Следующий этап –
    четко сформулируйте цель
    Kratkosrochnyie-tseli
    Наша цель – это то, к чему мы должны стремиться для достижения успеха. Выделите общую цель, к которой в будете стремиться и небольшие краткосрочные цели, достижение которых приблизит вас к победе.
    Теперь вы должны, исходя из своих знаний и умений, определить
    порядок действий, которые приведут вас поставленной цели. 
      
    *Прим. Если знаний и умений нет, то их получение вы тоже должны включить их в свою последовательность действий.
    Наибольшей эффективностью обладает метод, когда вы составляете цели на какой-то определенный период времени, например, на ближайший месяц. В конце обозначенного периода сравниваете результаты – насколько вы выполнили намеченный план. Если вы успешно осилили это небольшое задание, то обязательно нужно наградить себя за работу (можно сделать себе какой-нибудь подарок). И, конечно же, все цели, задачи, действия и результаты для объективности, следует писать на бумаге.
    тетрадный лист
    Физиологические аспекты успеха
    R3_03_Human-Physiology

  • Систематичность. Работа над собой должна идти всегда. Нельзя добиться успеха, если только периодически совершать титанические усилия. Регулярные упражнения и работа дадут несравнимо больший успех.
  • Полноценный отдых. Не истощайте ресурсы своего организма – не работайте на износ, спите по ночам, не забывайте отдыхать (а отдых – это смена деятельности, по Сеченову).
  • Занимайтесь здоровьем. Больной человек с меньшей вероятностью сможет создать конкуренцию здоровому. Посильные систематические физические нагрузки, правильное (регулярное и сбалансированное) питание, прогулки на свежем воздухе и т.д. Что может помешать достижению цели?
  • Лень и неправильная организация труда. Только постоянная работа – залог успеха. У вас должен быть четкий план действий, режим работы.
  • Интернет, компьютерные игры, телевизор. Выключите интернете прямо сейчас после того, как дочитаете эту статью. Здесь вы только теряете драгоценное время. Вы можете выделить несколько чаов в неделю для общения с компьютером (конечно, без ущерба для работы). Если ваша деятельность заключается в работе с компьютером, то вам нужно ограничить посещения определенного вида сайтов (например, соцсетей). Этому можете помочь фильтр Skydns).
  • Неправильная расстановка приоритетов. Не посещайте вебинары и тренинги, не покупайте инфопродукты, лотерейные билеты, не вступайте в пирамиды. Лучше потратьте свое время и деньги на реальное образование (курсы профподготовки, повышение специализации, пройдите мастер-классы по своей специальности). Именно оно может дать реальные плоды в виде повышения по службе, увеличения профессионализма.
      Не посещайте сайты по тематике “Успех”, не пытайтесь перестроить ваше мировоззрение, не изучайте НЛП и прочее. Это все для ленивых, которые хотят получить все и сразу без усилий. Так не бывает. Запомните три основных слагаемых успеха
    слагаемые успеха

  • Работа,
  • Знание ,
  • Опыт. Вы можете спросить: “А где же удача как составляющая успеха?”. Удача – это тоже результат работы. Если вы вытащили “счастливый билет” на экзамене, значит, вы просто были хорошо подготовлены по большинству вопросов. Бывает такое, что вы были готовы на 99%, и достали именно вопрос, который плохо знали. Это совпадение. Мы не будем надеяться на авось, случай и на удачу, если мы все-таки решили стать успешными.
    Уверенность в себе, самоуважение, может, и другое мировоззрение, придет как следствие огромной работы. И это будет реальный результат. Вы будете производить такое впечатление и на окружающих. Если же вы 1000 раз повторите себе фразу “Я успешный”, то таким образом вы можете обмануть только себя. В вашей жизни от такого “упражнения” ничего не изменится.
    И, последнее, я расскажу без чего все эти действия неэффективны? Есть то, без чего вы никогда НЕ добьетесь настоящего успеха, не смотря на все усилия. Это – ВЕРА В СВОИ СИЛЫ. Верьте в себя, не отчаивайтесь перед трудностями и неудачами, и у вас обязательно все получиться! Успехов!

    Я участвую в классном конкурсе «Как добиться успеха» от блога webexpertu.ru
    1 место1500 рублей
    2 место1000 рублей
    3 место500 рублей
    Все подробности на этой странице
  • Читать далее ...

    2018-07-22

    Textual description of firstImageUrl

    Мобильные кнопки социальных сетей от Uptolike

    мобильные-кнопки-uptolike-для-сайта
    Сервис Uptolike предлагает адаптированные под мобильные устройства кнопки социальных сетей. Таким образом, устанавливая кнопки от Uptolike, вы убиваете двух зайцев – кнопки будут отлично смотреться, как в мобильном интерфейсе, так и на десктопной версии сайта. Это красивые кнопки  расположены в виде панели в нижней части мобильного сайта. На ней кроме популярных социальных сетей можно разместить кнопки популярных мобильных приложений, таких как whatsapp, 4talk, evernote. Прим. сервис социальных сигналов Addthis также предлагает мобильные кнопки..
    Внешний вид кнопок от uptolike на телефоне:
    мобильные кнопки uptolike

    Как сгенерировать кнопки от Uptolike

    /*
    • Переходим на страницу сервиса, проходим несложную регистрацию.
    • Нажимаем на кнопку “Создать проект”
      создать проект uptolike
    • Выбираем раздел “Поделиться”
      блок поделиться - мобильные кнопки социальных сетей
    • Начинаем настройку проекта
      В верхней части вы увидите радел “Социальные сети”. Отметьте галочками те, которые хотите видеть на своей десктопной версии сайта. Если вы нажмете на ссылку “Еще социальные сети”, то перед вами откроется весь список.
      социальные кнопки в мобильном интерфейсе
    • Далее идет часть настроек “Мобильный вид”. Именно ее мы будем настраивать, чтобы кнопки стали отображаться в мобильном интерфейсе.
      адаптируем социальные кнопки для мобильных устройств
      Не снимайте галочку с пункта “Адаптировать для мобильных устройств”. Теперь нажмите на ссылку “Настроить социальные сети” и выберите какие кнопки будут показываться на мобильных устройствах.
    • “Дополнительные настройки”
      дополнительные настройки социальных кнопок
      Цитирование – это возможность цитаты в социальную сеть (со ссылкой на ваш сайт) выделенного участка текста.
      Кнопка “Наверх” – добавление кнопки Наверх в панель к социальным кнопкам.
      “Отключить кнопку “…” – галочка отключит возможность выбора остальных социальных сетей.
      ”показать всплывающее окно с предложением подписаться” – поможет вам быстро набрать аудиторию для своей группы vk, facebook и др.
    • Выберите расположение блока:
      расположение блока uptolike
      они могут располагаться на боковой панели или среди текста (в контенте, например, в конце статьи).
    • Задайте внешний вид кнопок. Выберите форму, размеры, фон, наличие счетчика и др.

    Как установить кнопки Uptolike на сайте

    Рассмотрим установку кнопок на Wordpress и Blogger.

    На Wordpress:

    • Для установки на боковую панель (должна быть выбрана соответствующая функция в настройках кнопок на сервисе uptolike) – добавляем полученный код в виджет.
    • Для установки после текста статьи – добавляем код в файл single.php после кода <?php the_content(); ?>. В этом случае кнопки будут отображаться только на страницах записей блога.

    На Blogger

    • На боковую панель – вкладка “Дизайн” –> гаджет “HTML / JavaScript” – сюда вставляем код.
    • В конце статьи: заключаем полученный на сервисе uptolike код между тегами <b:if cond='data:blog.pageType == &quot;item&quot;'> и </b:if> для того, чтобы кнопки выводились только на страницах записей:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>код кнопок Uptolike</b:if>

      Переходим в Шаблон блога –> Изменить html. Находим код 
      <div class='post-footer-line post-footer-line-1'>
      Вставьте код uptolike после найденного кода.
      Заметьте, что таких кодов в шаблоне может быть несколько, тогда вставляем после второго. Сохраняем изменения.
    Читать далее ...

    2018-07-20

    Textual description of firstImageUrl

    Редирект национальных доменов в зону COM на Blogger

    зоны домена blogspot
    Уже 3 года, как Blogger ввел понятия национальных доменов для блогов. Как вы помните, раньше адреса всех блогов на этой площадке имели вид:
    имяблога.blogspot.com
    Однажды, все изменилось – и каждый блог получил по своему национальному домену: xxxx.blogspot.ru – для блогов из России, xxx.blogspot.de – Германии, xxx.blogspot.fr – Франции и т.п. Кроме того, каждый отдельный блог теперь доступен в любой национальной зоне, что не является плюсом в глазах поисковиков.
    Конечно, если вы давно ведете блог с национальным доменом, то уже не стоит менять зону, но для новых сайтов это актуально. Этот скрипт редиректа с национальных доменов в зону .com я нашла здесь.
    /*
    <script type='text/javascript'>
          var blog = document.location.hostname;
          var slug = document.location.pathname;
          var ctld = blog.substr(blog.lastIndexOf("."));
          if (ctld != ".com") {
            var ncr = "http://" + blog.substr(0, blog.indexOf("."));
            ncr += ".blogspot.com/ncr" + slug;
            window.location.replace(ncr);
          }
    </script>
    Как установить скрипт:
    • Зайдите во вкладку админпанели “Шаблон” –> изменить html
    • Найдите тег </head>
    • Перед закрывающимся тегом </head> вставьте скрипт редиректа и сохраните изменения.
    Все же лучшим решением проблемы является собственный домен Blogger, тогда никакие перемены не будут вам страшны.
    Читать далее ...
    Textual description of firstImageUrl

    Значок видео Youtube–секреты и хитрости

    значок для видео youtube
    Значок видео – это так разработчики youtubeexternallink называют заставку, графическое изображение ролика.
    Я уже писала о том, как создать обложку для видео youtube, какие размеры должны быть у заставки, и зачем она нужна. Сегодня вы узнаете:
    1. как поставить персонализированный значок на свой видео ролик
    2. как скачать значок для видео из любого видео
    3. генераторы значков видео youtube
    4. скачать подборку шаблонов psd
    Про оформление видео youtube - значки, интро, закрывающие окна, фирменный стиль канала, шапку, оформление и другие фишки youtube вы можете узнать в бесплатной школе Дениса Коновалова >>>
    Читайте подробности и мои впечатления об обучении в школе KONODEN

    Как поставить персонализированный значок на видео youtube

    1. Зайдите в свой аккаунт youtube,
    2. выберите видео в менеджере видео, для которого будете загружать собственный персонализированный значок,
      нажмите “Изменить”
      изменить персонализированный значок видео
    3. Нажмите на кнопку “Персонализированный значок” и загрузите готовую обложку для вашего видео:
      персонализированный значок видео youtube
    4. Если у вас такая кнопка отсутствует, то перейдите в раздел “Статус и функции канала” и подтвердите ваш аккаунт youtube:
      подтвердить аккаунт youtube

      подтвердить аккаунт youtube

      подтвердить аккаунт youtube

    Как скачать значок из любого видео

    На youtube вы не раз видели привлекательные значки на чужих видеороликах. Вы можете скачать х и отредактировать для своего видео. Как это сделать?
    Еще ссылки на значки видео могут быть полезны, если вы выкладываете видеоролики в социальных сетях или форумах, где нет возможности вставить видеоролик. В этом случае вы можете вставить картинку из видео со ссылкой на него.
    Пример видео:

    Скопируйте url видео:
    url видео youtube
    В нем нас интересует идентификатор (ID) видео, который выделен желтым:
    http://youtu.be/NcM_6LIi3E0
    Ссылки на значки видео, заменяем ID на конкретное значение ID видео:
    https://img.youtube.com/vi/ID/default.jpg – маленький значок 120x90px, по умолчанию
    https://img.youtube.com/vi/ID/0.jpg - 480 x 360 px
    https://img.youtube.com/vi/ID/1.jpg – вариант заставки размером 120x90px
    https://img.youtube.com/vi/ID/2.jpg – второй вариант обложки 120x90px
    https://img.youtube.com/vi/ID/3.jpg – третий вариант 120x90px
    https://img.youtube.com/vi/ID/mqdefault.jpg – значок 320 x 180px
    https://img.youtube.com/vi/ID/hqdefault.jpg - 480 x 360px
    https://img.youtube.com/vi/ID/maxresdefault.jpg – нет заставки.
    Пример ссылок:
    https://img.youtube.com/vi/NcM_6LIi3E0/default.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/0.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/1.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/2.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/3.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/mqdefault.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/hqdefault.jpg
    https://img.youtube.com/vi/NcM_6LIi3E0/maxresdefault.jpg

    Значки видео, выделенные из нашего видео (кликните скриншот для увеличения)
      значки видео youtube 
    Этот трюк можно смело причислить к секретам youtube.

    Генератор значков видео youtube

    >/* Одни генераторы выполняют ту же функцию – выделяют обложки из роликов, только делают это автоматически, а другие помогают нарисовать обложки без использования программ.
    1. youtubethumbnailgenerator – просто введите адрес  видео в строку и выделите значки
      генераторы значков видео youtube
    2. panzoid.com – на это сайте можно создавать шапку для youtube, аватар для youtube, фон для twitter, обложку для facebook, кадр видео. Для того, чтобы создать значок видео, выберите в разделе “Basic” пункт “YoutubeThumbnail”:
      генераторы значков видео youtube
      (кликните для увеличения)
      Здесь можно загрузить собственный фон обложки, добавить клипарт, текст, обводку для текста, тень, поворот и многое другое.
    3. И последний способ выделения кадров видео, о котором я хочу рассказать – очень простой. Просто допишите к адресу видео приставку img и скачайте заставку.
      imgyoutube
      кликните для увеличения
    4. Вам может быть также интересно как обработать видео онлайн

    Скачать шаблоны psd для видео youtube

    temlates thumbnail youtube video
    Скачать архив шаблонов “Templates Tumbnails Youtube Video” в psd с яндекс диска
    Читать далее ...