Помощь блогеру Урок по созданию музыкальной открытки 1. Подбираем фоновые картинки для нашей открытки. Получаем их ссылки-адреса через какой-нибудь хостинг или загружаем с компьютера. Я взяла для примера такие: 1. Контур 2. Широкая вставка 3. Фоновая картинка 4. Плеер для музыки 5. Скелет рамки - открытки с плеером копируем в Новую запись дневника <div align="center"><table border="0" cellspacing="0" cellpadding="3" background="КОНТУР"><tbody><tr><td style="padding: 3px;"><table border="0" cellspacing="1" cellpadding="15" background="ШИРОКАЯ ВСТАВКА"><tbody><tr><td style="padding: 15px;"><table border="0" cellspacing="0" cellpadding="3" background="КОНТУР"><tbody><tr><td style="padding: 3px;"><table border="0" background="КАРТИНКА" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 0px;" width="400" height="489" valign="top" align="center"><br /> <br /><br /><table background="КАРТИНКА ПЛЕЕРА" height="80" width="80"><tbody><tr><td align="left" style="padding: 0;" valign="middle"><br /><audio controls="controls" src="МУЗЫКА МР3" style="width: 120px; opacity: 0;"></audio></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><br /> 6. Копируем по очереди ссылки подготовленных картинок и вставляем в код вместо моих слов. Т.е. копируем ссылку первой картинки и вставляем вместо слова "КОНТУР". Затем копируем вторую ссылку и вставляем вместо слов "ШИРОКАЯ ВСТАВКА". И так со всеми картинками. 7. Размер фоновой картинки указываем в тегах width (ширина) и height (высота). Здесь картинка 480х489, поэтому в коде указаны значения width="480" height="489". 8. На место слов "КАРТИНКА ПЛЕЕРА" вставляется адрес картинки любого подходящего плеера. К примеру, такой или тот, который я поставила. И, наконец, получаем готовую музыкальную открытку: Вариаций создания подобных рамок много: можно делать совсем без контуров и фонов или наоборот добавить ещё фонов... Главное понять принцип построения рамок с помощью HTML тегов. А можно сделать вот такую открытку http://www.liveinternet.ru/users/win-win-win/post346502774/ Давно не писала уроки, поэтому может что упустила. Что не понятно, пишите, объясню. Удачи! bloginja

Серия сообщений "Музыкальная открытка":

Часть 1 - Дни бегут... А.Вертинский
Часть 2 - Музыкальные рамки - открытки
Часть 3 - Музыкальная открытка "Кот Леопольд"
Часть 4 - Музыкальная открытка "Баба Яга"
Часть 5 - Урок по созданию музыкальной открытки
Часть 6 - Музыкальная открытка к Новому Году

Серия сообщений "Уроки":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 16 - Вставить чужую рамку себе в пост
Часть 17 - Плееры для Лиру
Часть 18 - Урок по созданию музыкальной открытки
Часть 19 - Развернуть картинку прямо на странице поста

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

Сегодня я расскажу вам как сделать музыкальную открытку, так как очень много вопросов возникает по этой теме. Например ВОТ ТАК., где плеер включается и выключается нажатием кнопки. Что же ты осень так долго,без меры -Льёшь слезинки дождя наугад? За окном в тучах серое небо. Кружит в танце свой вальс листопад. Может быть так прощаешься с летом, И его возвращения ждёшь? -Отшумело,сгорело,исчезло... Дней прекрасных уже не вернёшь! Кружат в воздухе медленно листья, Я по саду немного пройду. Одиноко,тоскливо на сердце -В позабытом,осеннем саду..

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 38 - Как вернуть пропавшую схему оформления дневника.
Часть 39 - Как новичку не заблудится на ЛиРу
Часть 40 - Как сделать музыкальную открытку без фотошопа

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

Первый и самый простой способ.

Создаем новую запись в редакторе. В тело сообщения ставим любое слово,набор любых букв  или даже точку, главное, чтобы оно не было пустым.  Затем, кнопкой ВЫБРАТЬ ФАЙЛ загружаем  аудио файл из компьютера. Ждем, пока файл загрузится  и......в предпросмотр или в черновик.  Далее Вы можете добавить картинки или  текст с помощью редактирования и смело публиковать в дневник. В этом способе загрузки  файл будет принимать только то  положение, которое указано в редакторе по умолчанию(сверху, слева, справа от текста).Поэтому, чтобы вставить плеер в середине или вверху поста нужно сначала его загрузить в черновик, а затем редактированием оформлять сообщение на свой вкус.  Должно получиться вот так!