Делаем в фотошопе любой, какой захотите, плеер. Я открыла новый прозрачный файл размером 400 Х 250 пикселей и нарисовала инструментом "Прямоугольник со скругленными углами" радиусом 50-60 пикселей основу для плеера.
Я старалась расположить плеер ровно посередине, чтобы музыка потом встала ровно.



Залив плеер градиентом, применив тиснение, сделав обводку и добавив на плеер любой клипарт, подписала свою работу.
Все, наш плеер готов.

(Если вдруг кто-то вообще не умеет делать плееры, научиться можно ЗДЕСЬ)



Сохраняем его для Веб устройств... с такими параметрами:



Теперь нам надо вставить его в блог и добавить в плеер музыку.

Для начала, загрузим картинку нашего плеера на Яндекс-Фотки. Как это сделать, читаем ЗДЕСЬ.

Оттуда нам нужно будет взять всего два параметра:
1. размеры плеера
2. ссылку на плеер



А затем начинается самое интересное. Идем в РАМОЧНИК и четко действуем по скринам:





Вот, мы получили код и вставили в свой дневник в простой текстовой редактор:

<table width="400" height="211" style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6501/136160416.67/0_8e3c3_986349f0_L.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"><b>ВАША МУЗЫКА</b></span></td></tr></table>

Казалось бы, что все! Ан, нет...))
Не забудьте поставить перед началом кода тег, который выравнивает плеер по центру:

<div align="center"></div>

И сразу - после слов ВАША МУЗЫКА - ссылку на ваш дневник:

<p align="center"> <a href="АДРЕС ДНЕВНИКА" target="_blank">ВАШ НИК</a></p>

Мне не очень нравится кликабельная ссылка на НИК, плер-то и так вами подписан, поэтому я сделала кликабельную картинку (звездочку) по такой формуле (может она вам тоже понравится):

<p align="center"> <a data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><img data-cke-saved-src="//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg" src="//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg" border="0" /></a></p>

Если, вдруг, слова ВАША МУЗЫКА "уплывут" наверх, то поставьте перед ними один - два раза тег
, и они встанут на место.

Все! Наконец, основа нашего плеера готова.

ВАША МУЗЫКА

Осталось только вставить музыку. Для этого, вместо слов ВАША МУЗЫКА, надо вставить плеер.
Как это сделать, читайте ЗДЕСЬ.

После всех процедур получаем вот такой плеер:

Жмем на ПРЕДПРОСМОТР и, если все вас устроит, СОХРАНЯЕТЕ.
Удачи вам!!!
для вас Лариса Гурьянова