Пример:

[Show as slideshow]

Ещё пример:

И ещё пример:

yellow-rose

◄ Назад

Вперед ►

Изображение 1 из 3

Многие из нас предпочитают оформлять посты различными картинками. Это можно делать просто – через кнопку «Добавить изображение». Но немногие знают, что поисковые роботы с картинками не дружат – они не умеют понимать смысл изображений. А все ведь хотят побольше посетителей у себя в блоге, так ведь?

Если Вы хотите, чтобы поисковые машины по запросам находили и Ваши изображения, а не только текст, то в теге картинки
title=(в кавычках)
- нужно указывать заголовок картинки, он появится возле курсора при наведении мышки на картинку; и
alt=(в кавычках)
- нужно делать подпись, вписывая туда основные ключевые слова, словосочетания (так сказать, описание).

Вот пример:

Данный код в визуальном редакторе выглядит так:

Розовым цветом я выделила ссылку на сайт, т.е., щелкнув по картинке (баннеру), мы попадем на музыкальный сайт, причем откроется он в новом окошке браузера.
Красным цветом выделен адрес, по которому размещена картинка, в данном случае я её загрузила на сайт http://foto.hz.by, о котором напишу чуть позже.

А вот, что уже писалось в данном блоге на «картиночную» тему:
О вставке картинок в блог – основа, так сказать.
Как сделать картинку со ссылкой – т.е. чтоб при нажатии Вы попадали на другой сайт/страницу и т.п.
Как встроить картинку в виджет – из области «украшательств».
Вставка картинок через HTML-редактор – из моего личного опыта.

Окси

Урок 1. Как завести блог на tut.by?
Урок 2. Что делать с блогом или первые шаги
Урок 3. Создаём страницы и рубрики
Урок 4. Счётчик Акавиты на блоге
Урок 5. Добавление статьи в блог
Урок 6. Как вставить музыку в блог?
Урок 7. Оформление статей
Урок 8. Создание Ленты друзей
Урок 9. Вставка видео
Урок 10. Как поменять цвет аудиоплеера
Урок 11. Заставка для видео
Урок 12. Вставка картинки в блог
Урок 13. Статья в рамочке на цветном фоне
Урок 14. Картинка со ссылкой
Урок 15. Вставка видео с YouTube
Урок 16. Часы на блоге
Урок 17. Абзац или «красная строка»
Урок 18. Как сделать кликабельную ссылку
Урок 19. Добавление пользователей в блог
Урок 20. Картинка в виджете
Урок 21. Подготовка видео для блога
Урок 22. Ссылка в статье
Урок 23. Чтоб клик на Ваш ник привел к Вам на сайт (блог)
Урок 24. Flash Player. Настройка.
Урок 25. Как добавить в конце статьи информацию о себе
Урок 26. Украшаем рамку для комментариев
Урок 27. Шапка для i3Theme
Урок 28. О теме Greed
Урок 29. Как поменять иконку своего блога
Урок 30. Как прилепить новость на главную страницу
Урок 31. Фон для i3Theme
Урок 32. Как изменить тег «Далее»
Урок 33. Теги форматирования текста на практике
Урок 34. Гиперссылки
Урок 35. Вставка новости с ресурсов tut.by
Урок 36. Форматирование
Урок 37. Графические элементы
Урок 38. Меняем тему Greed
Урок 39. Цветная заглавная буковка
Урок 40. Работа с css. Инструментарий.
Урок 41. Текстовая ссылка на баннер
Урок 42. Где искать css?
Урок 43. Часы на блоге
Урок 44. Виджет «Посетители он-лайн»
Урок 45. Кнопка «Добавить в свой Твиттер»
Урок 46. Цветные ссылки. Выбор цвета.
Урок 47. Метки к постам. Как их не писать вручную.
Урок 48. Еще раз о SWF и FLV
Урок 49. Спецсимволы для украшения текста
Урок 50. Как установить счетчик «Мерник»
Урок 51. Меняем цвет админбара
Урок 52. Правила написания красивого текста.
Урок 53. Правила ведения хорошего блога.
Урок 54. С какого ресурса возможна вставка видео в блог.
Урок 55. Создание RSS ленты.
Урок 56. Создание опроса на блоге.
Урок 57. Как вставить ссылку на картинку в комментарий
Урок 58. Как редактировать собственный комментарий
Урок 59. WP-Cumulus на блогах tut.by
Урок 60. Отслеживание голосовавших
Урок 61. Оформление комментария с помощью тегов
Урок 62. Регистрация
Урок 63. Спам на блоге: что это такое и как с ним бороться?
Урок 64. Уменьшаем размер социальных иконок
Урок 65. О вставке картинок в блог – 2
Урок 66. Новый плагин NextGEN Gallery
Урок 67. Простейшие анимации в фотошопе.
Урок 68. WordPress to blogger.com (blogspot.com) cross poster
Урок 69. Закругляем уголки в теме.
Урок 70. Заработок на blog.tut.by с AdSense.
Урок 71. Что делать, если не приходит подтверждение на mail?
Урок 72. Быстрое редактирование.
Урок 73. Оформление ссылки.
Урок 74. Пользование файлообменными сервисами или как поместить в блог файл, размер которого больше допустимого.
Урок 75. Хранение файлов на Freespace.
Урок 76. Конвертация видео для блога.
Урок 77. FeedBurner.

Обычно видео получают с фотоаппарата или мобильного телефона. Формат не подходит для блога. Что делать?
Скачиваем программу Any Video Converter. Она бесплатна. C её помощью превращаем Ваше видео в формат flv. Закачиваеи видео в блог как обычный медиафайл, копируем ссылку, вставляем в нужный код в html-редакторе. Получаем видео.

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

Справа нужно выбрать формат видео. Выбирайте flv.

Теперь нажимаем слева кнопку Добавить видео и выбираем файл на своём компьютере. У меня файл находится на рабочем столе. Это видео с мобильного телефона дочери.

Вот я его нашла, жмякнула и сейчас собираюсь нажать Открыть.

Файл попал в программу. Теперь следует нажать кнопку Кодировать. Начнётся конвертация (преобразование в другой формат, попросту – переделывание).

Сконвертировалось. Теперь нужно найти папку с преобразованным видео. Она слева внизу, называется Output Folder. Кнопочку с папкой видите? Жмякайте. У меня вы видите уже открытую папку с преобразованным файлом.

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

Теперь в блоге пойдём в настройки плагина Флеш видео и скопируем код. Вставим его в статью.

В статье заменяем кусочек скрипта-образца ссылкой на наше видео. Смотрите, как я это сделала. И вставлю этот кусочек после знака =. Лишнюю ссылку удалю. Проверьте, чтобы не было лишних пробелов в коде. Именно так, как в образце, только с вашим кусочком ссылки.

Вот что получается в итоге:

Жмём в админке кнопку Сохранить и смотрим черновик записи. Всё в порядке? Публикуем. Получаем кусочек студенческой жизни. На данный момент у меня на компьютере нет звука, я не слышу, что там говорит младшая дочь на своём уроке английского, но что экает – точно знаю.  И скорость видео что-то у меня большая. Ничего, живенько так. Пусть будет для образца.

И чтобы больше не задавали вопросов по вставке видео в блог! Кстати, я своё видео на рабочем столе переименовала для красоты и краткости.

Ваша… Never Again.

PS : Окси, дорогая, будет время – пронумеруй непронумерованные уроки и занеси их в общий список, пожалуйста. Спасибо.

Продолжение. Начало.

После того, как Вы зарегистрировались на freespace, Вы получаете возможность видеть все свои файлы и продлевать срок их хранения. Но сначала нужно эти файлы поместить на обменник. Для этого войдите в свой профиль и нажмите в левом верхнем углу кнопку Загрузить файл. Откроется окошко:

Не забудьте поставить галочку Я ПРИНИМАЮ ПРАВИЛА

Нажмите Выберите файл, затем выберите файл на компьютере, нажмите Открыть и на обменнике Загрузить. Ждите загрузки файла.

После завершения загрузки Вы увидите ссылку на скачивание, с которой Вы поступите так же, как с любой другой ссылкой. (Смотрите статью «Оформление ссылки на источник»)

Ваши файлы в профиле станут видны после нажатия кнопки Файлы.

Также можно видеть все ссылки на файлы.

Желаю удачи.