Jak dodać nieprzerwaną muzykę do swojego bloga na Tumblr

Umieszczając własny odtwarzacz muzyczny w blogu na Tumblr, tworzysz osobistą ścieżkę dźwiękową, która towarzyszy czytelnikom. Większość serwisów oferuje nie tylko prostą odtwarzanie, ale także automatyczne uruchamianie przy wejściu na stronę oraz niekończące się pętlowanie playlisty.

Stwórz playlistę

Pierwszym krokiem jest przygotowanie listy odtwarzania. Wybór serwisu zależy od tego, jak chcesz zbierać pliki audio. Na przykład Hypster udostępnia przeszukiwalną bibliotekę MP3, z której możesz wybierać utwory. Streampad natomiast automatycznie tworzy playlistę ze wszystkich plików, które kiedykolwiek zamieściłeś na blogu. Dzięki SCM Music Player możesz zbudować playlistę, podając bezpośrednie adresy URL do dowolnych plików MP3 w Internecie.

Pobierz kod HTML

Wybierz wygląd odtwarzacza – kolory, układ i rozmiar – i upewnij się, że włączona jest opcja „Powtarzanie”. Następnie wygeneruj kod HTML i skopiuj go. W SCM Music Player robisz to w zakładkach „Choose Skin” i „Configure Settings”. W Hypster najedź na „Create”, wybierz „Player” i kliknij „Get Code” po ustawieniu preferencji wyświetlania. W Streampad kliknij ikonę Tumblr, dostosuj wygląd odtwarzacza i skopiuj kod z pola „Copy the Script Code Below”.

Umiejscowienie odtwarzacza

Odtwarzacz możesz wstawić w dowolnym miejscu blogu – w pasku bocznym, nagłówku lub stopce. Najczęściej wybierany jest pasek boczny, ponieważ przycisk „Pause” jest wtedy zawsze pod ręką, a czytelnik nie musi przewijać długich postów, aby go znaleźć.

Wstawianie kodu

Zaloguj się na Tumblr, wybierz odpowiedni blog i przejdź do „Customize Appearance”. Przejdź do edytora HTML, klikając „Edit HTML”. Użyj skrótu Ctrl+F (Windows) lub Command+F (Mac), aby znaleźć miejsce, w którym chcesz wkleić kod – np. wpisz „sidebar”, jeśli planujesz umieścić odtwarzacz w pasku bocznym. Dodaj kilka pustych linii (
) i wklej skopiowany kod HTML.

Sprawdź działanie

Kliknij „Update Preview”, aby zobaczyć podgląd zmian. Jeśli coś wymaga korekty, przenieś kod w inne miejsce lub zmodyfikuj ustawienia. Gdy wszystko wygląda dobrze, kliknij „Save”, a następnie „Close”. Otwórz blog w przeglądarce i przetestuj odtwarzacz – upewnij się, że włączone jest powtarzanie, automatyczne odtwarzanie oraz wybrane kolory.