Делаем в фотошопе любой, какой захотите, плеер. Я открыла новый прозрачный файл размером 400 Х 250 пикселей и нарисовала инструментом "Прямоугольник со скругленными углами" радиусом 50-60 пикселей основу для плеера.
Я старалась расположить плеер ровно посередине, чтобы музыка потом встала ровно.
Залив плеер градиентом, применив тиснение, сделав обводку и добавив на плеер любой клипарт, подписала свою работу.
Все, наш плеер готов.
(Если вдруг кто-то вообще не умеет делать плееры, научиться можно
ЗДЕСЬ)
Сохраняем его для Веб устройств... с такими параметрами:
Теперь нам надо вставить его в блог и добавить в плеер музыку.
Для начала, загрузим картинку нашего плеера на Яндекс-Фотки. Как это сделать, читаем
ЗДЕСЬ.
Оттуда нам нужно будет взять всего два параметра:
1. размеры плеера
2. ссылку на плеер
А затем начинается самое интересное. Идем в
РАМОЧНИК и четко действуем по скринам:
Вот, мы получили код и вставили в свой дневник в простой текстовой редактор:
Казалось бы, что все! Ан, нет...))
Не забудьте поставить перед началом кода тег, который выравнивает плеер по центру:
И сразу - после слов ВАША МУЗЫКА - ссылку на ваш дневник:
<![CDATA[<p align="center"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ДНЕВНИКА" target="_blank">ВАШ НИК</a></p>]]>
Мне не очень нравится кликабельная ссылка на НИК, плер-то и так вами подписан, поэтому я сделала кликабельную картинку (звездочку) по такой формуле (может она вам тоже понравится):
Если, вдруг, слова ВАША МУЗЫКА "уплывут" наверх, то поставьте перед ними один - два раза тег <![CDATA[<br />]]>, и они встанут на место.
Все! Наконец, основа нашего плеера готова.
ВАША МУЗЫКА
|
Осталось только вставить музыку. Для этого, вместо слов ВАША МУЗЫКА, надо вставить плеер.
Как это сделать, читайте
ЗДЕСЬ.
После всех процедур получаем вот такой плеер:
Жмем на
ПРЕДПРОСМОТР и, если все вас устроит,
СОХРАНЯЕТЕ.
Удачи вам!!!
для вас Лариса Гурьянова
