2018-06-24

Textual description of firstImageUrl

Простой способ создания gif из видео Youtube

gif из youtube
Простой способ создания gif из видео Youtube
На моем блоге уже много статей посвящено созданию гифок из видео. Перечислю некоторые из них:
- Расширения для создания gif-анимации – специальные расширения для Google Chrome с помощью которых легко и быстро можно превратить видео в короткую анимацию.
- Программа для создания гиф-анимации
Итак, простейший способ онлайн с помощью сервиса GifYt, который поможет сделать gif из любого видео youtube:
/*
  1. Откройте просмотр ролика youtube, из которого планируете создать анимацию,
  2. Добавьте перед адресом видеоролика в адресной строке приставку gif
    гиф из видео ютуб
  3. Откроется сервис gifyoutube по созданию гифок. Здесь выберете место – начало анимации (Start Nime), время ее окончания (Gif Length) и можете добавить надпись (Captions). В настройках надписи доступны выбор шрифта (font), цвет надписи, начало ее появления и время исчезновения. Размер надписи и ее расположение меняется вручную прямо в окне просмотра.
    простой способ создания гиф из видео ютуб
  4. Когда все будет готово нажмите на “Create GIF”.
  5. На странице анимации вы можете поделиться ею в социальных сетях или взять ссылку на изображение. Для этого нажмите на значок ссылки
    ссылка 
    и скопируйте вторую ссылку с расширением gif:
    гиф расширение
  6. Вставьте ссылку в адресную строку и сохраните изображение на компьютер.
Второй способ создания гифки на сервисе GifYt:
  1. Перейдите на главную страницу сервиса - http://www.gifyoutube.com/
  2. Нажмите в верхнем меню на “Create Gif” – создать gif:
    создать гифку ютуб
  3. Вставьте ссылку с youtube в строку:
    gifyt - создание анимации огнлайн
Читать далее ...
Textual description of firstImageUrl

Blogger pro free - мобильный блог-клиент

Blogger pro  - мобильный блог клиент


В моём блоге уже публиковался список лучших мобильных приложений для ведения блога, еще ранее я приводила другой перечень андроид приложений для блогера. Жизнь идёт, все изменяется, закрываются/становятся неактуальными старые приложения, на их место приходят новые, более совершенние. Поэтому сегодня пойдет речь о молодом мобильном приложении, blogger клиенте, с помощью которого вы можете вести блог прямо с вашего мобильного телефона.
Blogger pro – самый удобный клиент для ведения блога с мобильного из тех, которые я тестировала. Соглашусь, что писать длинные тексты очень неудобно с телефона, но если у вас нет под рукой компьютера, если ваши записи не очень длиные, а скорее представляют собой заметки, или вы публикуете по большей части фотографии, то приложение Blogger Pro free окажет неоценимую помощь вам в этом.
Скачать этот удобный блог-клиент Blogger Pro вы можете с Google Play >>>
Плюсы приложения Blogger Pro:
  • удобно писать, редактировать сообщения вашего блога,
  • легко публикует фотографии и другие изображения в записи блога.
  • поддерживает ярлыки,
  • работает функция публикации в черновик блога.
  • можно вести сразу несколько блогов, расположенных на одном аккаунте благодаря удобному переключателю.
  • просмотр и управление комментариями.
  • просмотр статистики вашего блога blogger
  • Я нашла еще одно преимущество приложения. Это будет удобно для тех, кто пишет о мобильных приложениях, о функциях телефонов, и сталкивается с необходимостью пересылать скриншоты мобильного на компьютер для дальнейшего редактирования и публикации в блог. Упрощаем себе жизнь: печатаем текст сообщения с компьютера, используя для этого Open live Writer или редактор сообщения Blogger и публикуем текст в черновик блога (post draft to blog – так называется функция в Open Live Writer). Если вам нужен ЧПУ, то публикуйте заголовок на английском языке. Далее редактируем вашу запись на мобильном телефоне в приложении Blogger Pro, добавляя картинки с телефона и окончательно публикуйте вашу запись уже с мобильными скриншотами.
Минусы приложения:
  • нет функции распознавания речи. Было бы удобно писать тексты в блог под диктовку.
  • реклама. Несмотря та то, что реклама ненавязчивая, но она есть. Рекламу можно убрать, оформив платную подписку.
  • нет возможности создавать ЧПУ (человеко понятные урл), description статьи.
  • нет возможности переключаться между разными аккаунтами Blogger.
  • нельзя добавить видео (нет загрузчика и нельзя добавить видео с youtube).
Минусы приложения обусловлены тем, что полноценное ведение блога пока возможно только на ПК, блог клиент призван лишь упрощать публикацию статей. В любом случае дополнительная публикация статей с мобильного будет полезна для вашего блога, так как увеличит скорость обновления блога.

Как работать с приложением Blogger pro free

Установка приложения стандартная. Далее выбираем аккаунт, на котором расположен ваш блог:


Выбирайте блог, на который собираетесь опубликовать запись.


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



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


Надеюсь, что публикация сообщений с Blogger pro для вас значительно упростится, особенно в сезон отпусков!
Читать далее ...

2018-06-18

Textual description of firstImageUrl

Обложка для видео Youtube

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

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

  • Это сторонние сайты – любые сайты, форумы или социальные сети, куда встраивается плеер с вашим видео.
  • Поисковики. Главным образом Гугл и Яндекс. Именно поэтому для успеха вашего видеоролика требуется seo продвижение.
  • Поиск Youtube. Здесь ваше видео конкурирует с остальными видео других пользователей по запросам. Если пользователь будет выбирать именно ваш ролик из предложенных результатов поиска по видео, то у вас будет больше шансов занять первые места. Именно для этого вам нужно сделать привлекательную обложку для видео.

  • Обложка для видео доступна не для всех

    Не все пользователи Youtube могут выбирать превью для видео. Эта функция доступна лишь для партнеров Youtube. Если же вы не являетесь партнером, то вам будет предложен на выбор один из трех кадров. Я думаю, что не стоит пренебрегать и этим шансом, нужно выбрать наиболее удачный кадр в качестве заставки.
    Выбор кадра доступен при редактировании видео. Под вашим видеороликом нажмите на значок редактирования –> выберите кадр –> сохраните изменения.
    выбор_кадра

    Обложка для видео для партнеров Youtube

    Стать партнером Youtube не только в целях заработка, но и для расширения возможностей раскрутки видео.
    /* Выбор превью в этом случае выбирается там же, где и у остальных пользователей – настройках конкретного видео. Только в этом случае под выбором кадра добавляется иконка загрузки собственной заставки для видео.
    заставка_видео_для_партнеров
    В приведенном примере вы видите как бы непривлекательно выглядела бы обложка видео, если бы не возможность загрузки собственного превью.

    Принципы создания превью для видео Youtube

    1. Крупный, жирный читаемый текст на превью. Если вы решили добавить надпись, то она должна быть читаемой даже на самых маленьких иконках.
    2. Привлекательность, побуждение просмотра видео.
    3. Интересно смотрятся отдельные элементы превью на белом фоне. Примеры:
      превью_на_белом_фоне превью_на_белом_фоне

    Как сделать обложку для видео Youtube

    1. Создайте в фотошоп документ размером 1280 × 720 px. С такими размерами наша превьюшка будет отображаться наиболее корректно, не будет образки краев обложки краями видеоплеера. Вы можете также создать обложку меньшего размера, но обязательным условием является сохранения пропорций. 
    2. Теперь добавляем картинки, фон, клипарт, пишем текст. Эта часть полностью зависит от вашей задумки и умения.
    Читать далее ...

    2018-06-09

    Textual description of firstImageUrl

    Генератор меню для сайта: как пользоваться

    1меню
    Создать красивое CSS меню для вашего блога не только просто, а очень просто с помощью CSS Menu Builder. Напомню, что раньше мы уже рассматривали, как сделать меню в программе CSS Menu Generator,
    а также в блоге были приведены примеры горизонтального и вертикального CSS меню.
    Перейдите на этот css menu generator по ссылке.
    Здесь вам предстоит выбрать тип меню из предложенных:


  • Horizontal menus – горизонтальное меню,
  • Vertical menus – вертикальное меню,
  • Breadcrumb menus – меню “хлебные крошки”. Нажмите на соответствующую кнопку (например,  кнопка), чтобы перейти к работе в CSS menu generator ‘e.
    Этапы создания CSS меню:
  • Выбираем фон полоски меню (варианты выделены на скриншоте красной ракой). Далее кнопка “Next”. Кнопка “Reset” означает “Очистить”, “отменить”.
    выбор_фона_полоски_меню
  • Переходим к выбору цвета основных элементов меню css
    выбор_цвета

    Background colors  (цвет фона)

    Background color: (цвет фона)
    Background shading: (цвет полосы)
    Hover colors – цвета при наведении курсора 

    Hover color:
    Hover shading:
    - создают градиент “наведенной” кнопки
    Hover text color: – цвет текста при наведении
    Inactive colors – цвет неактивных элементов

    Inactive color:
    Inactive shading:
    –создают градиент неактивных кнопок.
    Inactive text color: – цвет неактивных ссылок
    Active colors – цвета активных элементов

    Active color:
    Active shading:
    создают градиент активной кнопки Active text color: – цвет активной ссылки

    Кнопка “preview” поможет вам просмотреть изменения. Я специально сделала меню из различных цветов для большей наглядности. Скриншот работы в CSS menu generator, кликните для просмотра в большем размере. 
  • После того, как нас все устроит, кликните кнопку “ Next”. Далее настраиваем ссылки меню. Кликйте по иконке удаления ссылок, чтобы убрать стандартные ссылки генератора меню, добавляйте свои ссылки через специальную форму, где Link Name – название ссылки, Link URL – собственно ссылка, вы можете сделать, чтобы ссылка открывалась в новом окне, указав напротив Link Target – blank.
    ссылки_меню
  • Снова кнопка “Next”. Перед нами откроется страница с кодом меню CSS и HTML, а также фоновым изображением. Вы можете скачать также себе на компьютер zip-архив с меню.
    Как встроить меню CSS в свой блог Blogspot?
    1. Скопируйте код CSS из верхнего окошка и вставьте его окно вставки кода CSS (его вы найдете по пути Шаблон –> Настроить –> Дополнительно –> Добавить CSS. Не закрывайте пока эту страницу.
    2. Сохраните изображение фона меню к себе на компьютер и загрузите на какой-нибудь хостинг изображений. Я обычно пользуюсь с помощью сервиса Яндекс.Фотки. Обязательно проследите за тем, чтобы изображение не изменяло размер при загрузке. Возьмите прямую ссылку на изображение в оригинальном! размере.
    3. Изменяем CSS код, который вставили в окно стилей CSS. Найдите шаблоны ссылок на изображения в коде. Они имеют вид name.png и замените их ссылку на фоновое изображение полоски меню. Не забудьте, что их может быть несколько! Живой пример:
      Первоночальный код:
      /* Generated via www.cssmenubuilder.com */
      .menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('  topMenuImages.png') repeat-x;}
      .menu li{padding:0; margin:0; list-style:none; display:inline;}
      .menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
      .menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
      .menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
      .menu li a:hover span{background-position:100% -60px;}
      .menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
      .menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}
      Конечный код:
      /* Generated via www.cssmenubuilder.com */
      .menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url( 'http://img-fotki.yandex.ru/get/6311/87704015.a/0_86f18_5da721a2_orig ) repeat-x;}
      .menu li{padding:0; margin:0; list-style:none; display:inline;}
      .menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('http://img-fotki.yandex.ru/get/6311/87704015.a/0_86f18_5da721a2_orig') 0px -30px no-repeat;}
      .menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('http://img-fotki.yandex.ru/get/6311/87704015.a/0_86f18_5da721a2_orig') 100% -30px no-repeat;}
      .menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
      .menu li a:hover span{background-position:100% -60px;}
      .menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('http://img-fotki.yandex.ru/get/6311/87704015.a/0_86f18_5da721a2_orig') 0px -90px no-repeat; color:rgb(255,255,255);}
      .menu li a.active span, .menu li a.active:hover span{background:url(' http://img-fotki.yandex.ru/get/6311/87704015.a/0_86f18_5da721a2_orig’) 100% -90px no-repeat;}
    4. Вставьте код HTML в гаджет блога HTML / JavaScript во вкладке Дизайн и наслаждайтесь результатом.
  • Читать далее ...

    2018-06-04

    Textual description of firstImageUrl

    Заработок на workzilla.ru


    Сегодня вы узнаете еще про один сервис для фрилансеров. Это workzilla.ru.
    Эта биржа будет интересна как фрилансерам, так и заказчикам. Удобный интерфейс, понятные подсказки. Цены на задания разнятся, вы можете указать в настройках задания по какой цене готовы выполнять. Для примера случайный перечень цен сервиса из ленты заданий:
    цены_workzilla.ru
    На workzilla.ru каждый найдет себе работу по душе. Тематики специализации:
    • Дизайн (анимация, баннеры, логотипы, дизайн сайта и др),
    • Лингвистика (копирайт, рерайт, перевод),,
    • Личный помощник (Обработка данных, оффлайн помощь, поиск информации, помощь в учебе, работа на телефоне, советы, идеи),
    • Продвижение / Раскрутка,
    • Творческая работа (видео, рисование, фотография, музыка, сочинительство).
    Как вы видите, что на этом сервисе доступна и помощь оффлайн.

    Это может быть
    заказ букетов (кстати, если у вас бизнес конфетных букетов, то вам этот сервис будет крайне полезен),
    www.zakaz-buketa.ru

    прозвонить нескольких конкурентов,
    072_screen
    развесить объявления в Уфе,
    doska
    написать реферат.
    stat1

    Положительные моменты на workzilla – вывести можно любую сумму, заработанную вами на бирже.
    Для того, чтобы стать исполнителем в workzilla.ru нужно
    1. зарегистрироваться на сервисе,
    2. пройти тест (ответы на тест workzilla.ru вы найдете здесь, а также на заковыристый вопрос про количество голов в матче 1070 Подмигивающая рожица). Если у вас будут вопросы по тесту, то задавайте вопросы в комментариях.
    3. ввести номер вашего телефона и код, который придет по SMS.
    4. внести 100 рублей на счет сервиса. имеется непроверенная информация о том, что деньги можно не вносить, а подождать пока придет первое задание и выполнить его на положительную оценку.
    Вы можете выступать на workzilla.ru и в качестве заказчика. Экономьте свое время, подыскивая расторопных заказчиков. Для того, чтобы создать заказ нужно зарегистрироваться, внести деньги на счет и составить заказ. Когда вы прибегаете к помощи исполнителя, то значительно увеличиваете коэффициент полезного действия. Так, заказывая статьи на бирже, вы экономите время на написании статей. Тем самым вы увеличиваете заработок на продаже ссылок (читайте про заработок на blogspot). У вас увеличивается скорость обновлений блога, следовательно растет количество посетителей. отсюда увеличение заработка на контекстной рекламе.
    Если вы работали с этой биржей, и вам есть что сказать, то буду рада обмену мнений в комментариях)
    Читать далее ...