С помощью этого сайта SCM Music Player можно настроить плеер в Tumblr, Blogger, Weebly, Tistory и другие.
Как показано на этой картинке, выберете понравившийся дизайн и нажмите на кружочек, который можно найти напротив плеера.
Вверху сайта вы увидите то, как будет выглядел ваш плеер в последней редакции на этом сайте (если она была) и песни.
Сейчас я покажу вам, как вставить песни. Нажмите на пункт Edit Playlist. Если у вас не будет полей song title (название песни) и song url (ссылка), то нажмите на кнопку add more songs.
Так же нажмите на нее, если хотите добавит еще полей, а на крестик выделенный фиолетовым цветом нажимать стоит тогда, когда хотите удалить поле.
В первом поле пишется название песни (в моем случае — Here’s to Us), а во второй ссылку на файл. Я всегда пользуюсь Youtube для этой цели. Вам всего лишь нужно найти видео-клип вашей мелодии и скопировать ссылку.
Только при использовании youtube есть одно но. Человеку, прослушавшему песню на вашем блоге, автоматически зачитается просмотр этого видео, если у него есть аккаунт в youtube.
Это не является минусом.Поля должны выглядеть так. Теперь нажмите на кнопку next.
Здесь вы можете настроить свой плеер.
Первая синяя галочка — это автоматическое воспроизведение песен. Никогда не пользуюсь.
Устанавливаю плеер лишь в какие-то особые случаи, и, возможно, человек не захочет слушать песни. Тогда он не включит плеер, а если захочет — включит.
Вторая галочка — Это громкость.
Третья — местонахождение плеера. Выбираю top — вверху. Так же можно выбрать bottom — внизу.
Дальше нужно нажать на кнопку done, обведенную красным цветом.
Вы получаете код своего плеера. Скопируйте его и откройте свой блог.
Нажмите на кнопку edit theme
Нам понадобиться пункт «изменить html»
Теперь вам придется побыть немного программистом!
Не пугайтесь такого большого и страшного кода!
Найдите <body> в своем большом коде и вставьте код плеера под этой надписью.
Должно выглядеть вот так:
Осталось лишь нажать на «обновить вид» и «сохранить». Ваш плеер готов!
У меня он выглядит вот так.
Наслаждайтесь музыкой!
источник: http://nika-info.ru/kak-nastroit-pleer-v-bloge-tumblr/