Как настроить плеер в блоге tumblr?

Очень часто мне доводилось слышать такие вопросы: как установить плеер в блог на платформе tumblr? Сегодня я решила сделать немного не характерную запись для моего блога. Я расскажу вам, как установить плеер в блог с помощью картинок.

Есть много сайтов, которые предоставляют такие возможности. Я пользуюсь сайтом SCM Music Player. С помощью этого сайта можно настроить плеер в Tumblr, Blogger, Weebly, Tistory и другие.

Как показано на этой картинке, выберете понравившийся дизайн (в моем случае — это голубой плеер) и нажмите на кружочек, который можно найти напротив плеера.

1

Вверху сайта вы увидите то, как будет выглядел ваш плеер в последней редакции на этом сайте (если она была) и песни.

2

Сейчас я покажу вам, как вставить песни. Нажмите на пункт Edit Playlist. Если у вас не будет полей song title (название песни) и song url (ссылка), то нажмите на кнопку add more songs. Так же нажмите на нее, если хотите добавит еще полей, а на крестик выделенный фиолетовым цветом нажимать стоит тогда, когда хотите удалить поле.

3

В первом поле пишется название песни (в моем случае —  Here’s to Us), а во второй ссылку на файл. Я всегда пользуюсь Youtube для этой цели. Вам всего лишь нужно найти видео-клип вашей мелодии и скопировать ссылку.

Безымянный

Только при использовании youtube есть одно но. Человеку, прослушавшему песню на вашем блоге, автоматически зачитается просмотр этого видео, если у него есть аккаунт в youtube. Это не является минусом.

Поля должны выглядеть так. Теперь нажмите на кнопку next.

5

Здесь вы можете настроить свой плеер. Первая синяя галочка — это автоматическое воспроизведение песен. Я им никогда не пользуюсь. Я устанавливаю плеер лишь в какие-то особые случаи, и, возможно, человек не захочет слушать песни. Тогда он не включит плеер, а если захочет — включит.

Вторая галочка — Это громкость.

Третья — местонахождение плеера. Я выбираю top — вверху. Так же можно выбрать bottom — внизу.

Дальше нужно нажать на кнопку done, обведенную красным цветом.

8

Вы получаете код своего плеера. Скопируйте его и откройте свой блог.

р

Нажмите на кнопку edit theme

999

Нам понадобиться пункт «изменить html»

рнго

А теперь вам придется побыть немного программистом!  Не пугайтесь такого большого и страшного кода!

999999

Найдите <body> в своем большом коде и вставьте код плеера под этой надписью. Должно выглядеть вот так:

пилонорг

Теперь осталось лишь нажать на «обновить вид» и «сохранить». Ваш плеер готов!

У меня он выглядит вот так.

ртщнго

Наслаждайтесь музыкой!

Поделитесь с друзьями в tumblr этим пошаговым уроком, если он вам помог!


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *