Tumblr의 사이드 바에 재생 목록을 삽입하는 방법

재생 목록을 만들고 Tumblr 블로그의 사이드 바에 포함하는 HTML 코드를 생성하는 방법에는 여러 가지가 있습니다. 예를 들어 Hypster를 사용하면 아티스트, 노래 또는 장르를 검색하고 사용자 지정 재생 목록에 트랙을 추가 할 수 있습니다. 반면 Streampad는 Tumblr에 업로드 한 모든 오디오 파일을 재생 목록으로 컴파일합니다. Radio Tuna 플레이어에 특정 노래를 추가 할 수는 없지만 선호하는 음악 장르를 기반으로 자신 만의 라디오 방송국을 만드는 데 사용할 수 있습니다.

Hypster에서 재생 목록 HTML 생성

Hypster 사이트 (참고 자료 링크)로 이동 한 다음 Hypster 계정에 로그인합니다. 아직 계정이없는 경우 "등록"을 클릭 한 다음 화면의 지시에 따라 계정을 만듭니다.

아직 만들지 않은 경우 재생 목록을 만듭니다. "만들기"위로 마우스를 가져가 "재생 목록"을 선택한 다음 "새 재생 목록 추가"를 클릭합니다. 아티스트, 노래 제목 또는 장르별로 트랙을 검색 한 다음 "재생 목록에 추가"를 클릭하여 추가합니다. 블로그에서 사용하려는 재생 목록을 만들 때까지 계속 노래를 추가하십시오.

다시 "만들기"위로 마우스를 가져간 다음 "플레이어"를 선택하여 Tumblr에 삽입 할 음악 플레이어를 만듭니다.

사용할 플레이어 스킨을 선택하십시오. 드롭 다운 메뉴에서 적절한 재생 목록을 선택한 다음 그 아래의 옵션을 사용하여 플레이어 설정을 원하는대로 조정합니다. 예를 들어 자동 시작으로 설정하거나 배경 및 글꼴의 색상을 변경합니다.

화면 하단에 보안 질문을 입력 한 다음 "코드 가져 오기"를 클릭하십시오.

Tumblr 사이트에 임베드하는 데 사용할 수 있도록 전체 HTML 코드를 컴퓨터의 클립 보드에 복사합니다.

Streampad에서 재생 목록 HTML 생성

"오디오"를 클릭 한 다음 화면의 지시에 따라 컴퓨터에서 오디오 파일을 찾아 업로드하여 Tumblr 페이지에 오디오 파일을 업로드합니다. 하루에 하나의 파일을 업로드 할 수 있습니다.

다른 브라우저 탭을 열고 Streampad 사이트 (리소스의 링크)로 이동 한 다음 "코드 받기"를 클릭합니다.

사용 가능한 플랫폼 옵션에서 "Tumblr"을 선택한 다음 화면 하단으로 스크롤하여 음악 플레이어를 사용자 지정합니다. 예를 들어 배경색을 변경하고 볼륨 제어를 활성화하고 자동 재생을 끌 수 있습니다.

화면 맨 위로 다시 스크롤하여 "아래 스크립트 코드 복사"아래의 텍스트 상자에서 HTML 코드를 복사합니다.

Radio Tuna에서 방송국의 HTML 생성

웹 브라우저를 Radio Tuna 사이트 (참고 자료 링크)로 이동하십시오.

사용 가능한 옵션에서 선호하는 플레이어 색상을 선택한 다음 위젯 크기를 선택합니다.

드롭 다운 메뉴를 사용하여 세 가지 음악 장르를 선택합니다.

Tumblr 블로그에서 사용할 HTML 코드를 복사하세요.

Tumblr에 삽입

Tumblr 계정에 로그인하고 대시 보드로 이동 한 다음 상단에서 블로그 이름을 클릭합니다.

"모양 사용자 지정"을 클릭 한 다음 "HTML 편집"을 선택합니다.

PC에서는 "Ctrl-F"를, Mac에서는 "Command-F"를 눌러 검색 기능을 시작한 다음 "사이드 바"라는 키워드를 검색합니다.

사이드 바에서 삽입하려는 위치에 플레이어의 코드를 붙여 넣습니다. "사이의 코드 줄에 집중하십시오.

"및"
"코드의"섹션입니다. 몇 개의 하드 리턴을 입력하여 "Enter"키를 눌러 작업 공간을 명확하게 볼 수 있습니다.

"미리보기 업데이트"를 클릭하여 사이트의 변경 사항을 미리보고 필요에 따라 편집하십시오. "저장"을 클릭 한 다음 "닫기"를 선택하십시오.