Jak dodać listę odtwarzania do paska bocznego na Tumblr

Istnieje kilka metod tworzenia listy odtwarzania i uzyskania kodu HTML, który można umieścić w pasku bocznym bloga na Tumblr. Przykładowo, w serwisie Hypster można wyszukiwać artystów, utwory lub gatunki i tworzyć własną listę. Streampad pozwala skomponować listę ze wszystkich plików audio, które kiedykolwiek zamieściłeś na Tumblr. Radio Tuna nie umożliwia dodawania konkretnych utworów, ale pozwala stworzyć stację radiową opartą na wybranym gatunku muzycznym.

Generowanie kodu HTML listy odtwarzania w Hypster

1. Przejdź na stronę Hypster (link w sekcji „Zasoby”) i zaloguj się na swoje konto. Jeśli nie masz konta, kliknij „Register” i postępuj zgodnie z instrukcjami.

2. Utwórz nową listę odtwarzania – najedź na „Create”, wybierz „Playlist” i kliknij „Add New Playlist”.

3. Wyszukaj utwory według artysty, tytułu lub gatunku i kliknij „Add to Playlist”, aby dodać je do listy. Dodawaj kolejne, aż lista będzie kompletna.

4. Ponownie najedź na „Create” i wybierz „Player”, aby skonfigurować odtwarzacz.

5. Wybierz szablon odtwarzacza, wskaż przygotowaną listę w menu rozwijanym oraz dostosuj ustawienia (autostart, kolory tła i czcionki itp.).

6. Na dole ekranu wpisz pytanie zabezpieczające i kliknij „Get Code”.

7. Skopiuj cały wygenerowany kod HTML – będzie potrzebny przy wstawianiu go w Tumblr.

Generowanie kodu HTML listy odtwarzania w Streampad

1. Na swoim profilu Tumblr kliknij „Audio” i prześlij plik dźwiękowy z komputera (maksymalnie jeden plik dziennie).

2. Otwórz nową kartę przeglądarki, wejdź na stronę Streampad (link w „Zasoby”) i kliknij „Get the Code”.

3. Wybierz platformę „Tumblr”, a następnie przewiń w dół, aby dostosować odtwarzacz – możesz zmienić kolor tła, włączyć kontrolki głośności oraz wyłączyć automatyczne odtwarzanie.

4. Przewiń ponownie do góry i skopiuj kod HTML znajdujący się w polu „Copy the Script Code Below”.

Generowanie kodu HTML stacji w Radio Tuna

1. Wejdź na stronę Radio Tuna (link w „Zasoby”).

2. Wybierz kolor odtwarzacza i rozmiar widgetu.

3. Z list rozwijanych wybierz trzy gatunki muzyczne, które mają tworzyć stację.

4. Skopiuj wygenerowany kod HTML i przygotuj go do wstawienia w Tumblr.

Wstawianie odtwarzacza w Tumblr

1. Zaloguj się na Tumblr, przejdź do panelu i kliknij nazwę swojego bloga.

2. Wybierz „Customize Appearance”, a następnie „Edit HTML”.

3. Naciśnij Ctrl‑F (PC) lub Command‑F (Mac) i wyszukaj słowo „sidebar”.

4. W miejscu pomiędzy znacznikami <div id=\"sidebar\"> a </div> wklej skopiowany kod odtwarzacza. Możesz dodać kilka pustych linii, aby lepiej widzieć wstawiony fragment.

5. Kliknij „Update Preview”, sprawdź wygląd i w razie potrzeby wprowadź korekty.

6. Po zakończeniu kliknij „Save”, a następnie „Close”.