Изображение с аудио в блогах

Суббота, 29 Декабря 2012 г. 08:43 + в цитатник

« Предыдущая запись · Следующая запись »

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

Итак, перед тем, как перейти к самому коду, хочу заметить,
что я, при создании изображения, которое публикую с музыкой,
всегда делаю рамку, причём размер рамки внизу делаю размером
на 40 пикселей больше, чем вся рамка.
Это место для аудио.

Например, для общей рамки размер холста увеличиваю на 20 пикселей.
Потом, ещё раз топаю в увеличение размера холста
и увеличиваю высоту ещё на 40 пикселей с положением "вниз".

Теперь, сам код.

аудио

</td></tr></table>

1. Копируем код, который написан выше.

2. Вставляем в редактор html новой записи в блоге.

3. Загружаем изображение ниже кода

4. Вписываем в код ширину и высоту,
эти параметры видны в коде изображения.
В моём случае ширина 580, высота 504.
В коде аккуратненько, не задев кавычек,
стираем слова "ширина изображения" и "высота изображения",
а вместо них вписываем значения с кода изображения.

5. Жмём на предпросмотр.
Подводим к изображению курсор
(у меня изображение - однотонный фон),
клик правой кнопкой мыши по нему,
из списка выбрать - копировать ссылку на изображение

6. Жмём на "вернуться" и вставляем скопированную ссылку
вместо "ссылка на изображение", а код картинки удаляем

7. Стираем в коде "аудио" и на это место
добавляем музыку из правого окна редактора "вставить" - аудио

Жмём на "Предпросмотр" и получаем

Если всё устраивает, публикуем.
Это всё.
Может существуют другие, более простые способы,
но я проще этого, с учётом почти полного отсутствия знаний html,
не встречала.

С теплом, Ольга Бор.