Красивые плееры

Многие спрашивают у меня, как я ставлю красивые плеера. Сегодня хочу рассказать один из способов. На мой взгляд, он очень легкий и для начинающего блогера вполне подойдет. Спросите - откуда взяла этот способ. Отвечу - на моем пути встречаюочень хороших людей, которые впоследствии становятся друзьями, делятся своими наработками в сайтостроении, в блогосфере, и конечно хорошие учителя. Начнем.

При помощи данного плеера можно озвучить любую картинку.

Код шаблона

<table width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="border:0px none #000000" background="ПРЯМАЯ ССЫЛКА НА КАРТИНКУ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center">

<object id="audioplayer2061" width="76" height="63"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://muz-play.net/player.swf" /><param name="flashvars" value="st=http://muz-play.net/audiomalenkiy.txt&file=ПРЯМАЯ ССЫЛКА НА МР3 ФАЙЛ" /><embed src="http://muz-play.net/player.swf" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="st=http://muz-play.net/audiomalenkiy.txt&file=ПРЯМАЯ ССЫЛКА НА МР3 ФАЙЛ" width="76" height="63"></embed></object></td></tr></table>

Вы пока не копируйте т. к , скопировав с сайта у вас будут лишние теги, которые нам не нужны в коде. Я помещу в специальный контейнер и от туда скопируете к себе в прстой блокнот и будете создавать свой шедевр. Сейчас я хочу Вам показать сам принцип работы.

Сам код

<center><table width="300" height="270" style="border:0px none #000000" background="http://muz-play.net/uploads/posts/2012-09/1348183926_0_50427_436f7ad8_m.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center">

<object id="audioplayer2061" width="76" height="63"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://muz-play.net/player.swf" /><param name="flashvars" value="st=http://muz-play.net/audiomalenkiy.txt&file=http://umors.net/otkritki/stas_mikhajlov-vse_dlja_tebja.mp3" /><embed src="http://muz-play.net/player.swf" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="st=http://muz-play.net/audiomalenkiy.txt&file=http://umors.net/otkritki/stas_mikhajlov-vse_dlja_tebja.mp3" width="76" height="63"></embed></object></td></tr></table>

<center><img src="http://www.bagacum.fr/images/gifs_boutons/gifs_fleches/fleche_040.gif" alt="" width="23" height="49"/>

Я его помещу тоже в контейнер.

Разными цветами я пометила что и где, надеюсь разберетесь. На блог надо вставлять сам код, а шаблон Вам, чтобы не забыли, куда что вставлять. Пробуйте, дерзайте, надеюсь что у Вас все получится . 

Вопросы и комментарии приветствуются, поделитесь с своими друзьями через соц.сети

К сожалению в контейнер не удалось поместить, не дает этот шаблон. Попробуйте скопировать на прямую, обычно в конце дает ссылку на сайт, где был скопирован код, Вы ее удалите.

В следующем посте постараюсь выложить другой способ.
Напишите получилось или нет.

С уважением Вероника.