Tumblr 블로그에 자동 플레이어를 올리는 방법

방문자가 Tumblr 블로그를 열 때 자동으로 오디오 클립 재생을 시작하도록 음악 플레이어를 설정할 수 있습니다. Tumblr 테마에서 지원되고 Hypster, Grooveshark 또는 Billy Player와 같은 자동 재생 기능이 포함 된 오디오 플레이어를 선택하고 플레이어에서 사용할 노래 또는 재생 목록을 선택하고 자동 재생 기능이 활성화 된 위젯 코드를 생성 한 다음 그런 다음 Tumblr 테마에 생성 된 코드를 설치합니다. 자동 재생 기능을 지원하는 음악 플레이어 위젯을 이미 설치 한 경우 해당 기능을 사용하도록 위젯 HTML 코드를 편집하십시오.

새로운 음악 플레이어 위젯

브라우저에서 Hypster, Grooveshark, Billy Player 또는 유사한 사이트를 열고 필요한 경우 계정을 만듭니다 (참고 자료 참조).

선택한 플랫폼에서 하나 이상의 노래가 포함 된 재생 목록을 만들고 저장합니다. Billy Player를 선택하는 경우 사이트에서 음악을 호스팅하지 않으므로 자신이 호스팅하는 재생 목록이나 노래에 하나 이상의 URL을 삽입해야합니다. 그러나 Hypster와 Grooveshark는 모두 다양한 오디오 콘텐츠를 호스팅합니다.

플레이어 위젯 코드를 생성합니다. Grooveshark의 경우 단일 노래 옆에있는 "노래 공유"아이콘을 클릭하여 공유 대화 상자를 엽니 다. 재생 목록을 공유하려면 재생 목록 페이지에서 재생 목록 옆에있는 "공유"버튼을 클릭합니다. 공유 대화 상자에서 "포함"을 클릭하여 포함 된 위젯의 코드를 텍스트 상자에 표시합니다. Hypster의 경우 상단 탐색 메뉴에서 "만들기"를 클릭하고 "플레이어 만들기"옵션을 클릭 한 다음 플레이어 디자인을 클릭하여 코드 옵션 페이지를 엽니 다.

기능을 활성화하려면 "자동 실행"확인란을 클릭합니다. 자동 재생 옵션은 Billy Player의 노래 및 재생 목록 입력 필드 아래에 있습니다. Hypster 및 Grooveshark에서는 재생 목록 선택 드롭 다운 상자 아래에 있습니다. 링크 나 배경색과 같은 다른 플레이어 옵션을 원하는대로 수정합니다. "코드 가져 오기"또는 이에 상응하는 옵션을 클릭하여 텍스트 상자에 코드를 표시합니다.

모든 코드를 선택한 다음 "Ctrl-C"를 눌러 클립 보드에 복사합니다. 모든 문자를 선택한 상태에서 코드 상자 내부를 마우스 오른쪽 버튼으로 클릭 한 다음 컨텍스트 메뉴에서 "복사"를 클릭하여 코드를 복사 할 수도 있습니다.

Tumblr 대시 보드를 열고 기본 블로그 이름 옆에있는 화살표를 클릭하고 음악 플레이어를 호스팅 할 블로그를 선택한 다음 "사용자 지정"탭을 클릭하여 편집을 위해 선택한 블로그를 엽니 다.

사용자 지정 메뉴에서 "HTML 편집"옵션을 클릭하여 테마 편집기를 엽니 다.

"Ctrl-V"를 눌러 테마 코드의 원하는 위치에 음악 플레이어 위젯 코드를 붙여 넣으십시오. 코드의 정확한 위치는 플레이어에 따라 다르므로 코드 배치에 대한 플레이어 사이트의 지침을 따르십시오. 일부 플레이어에서는 위젯 코드를 "예를 들어, "태그, 다른 경우에는 위젯이""태그.

미리보기 창에서 플레이어를 보려면 "미리보기 업데이트"를 클릭하십시오.

"저장"을 클릭하여 변경 사항을 저장 한 다음 "종료"를 클릭하여 사용자 지정 메뉴를 닫습니다.

기존 위젯 편집

Tumblr에 로그인 한 다음 대시 보드 오른쪽 사이드 바에서 기본 블로그 항목 옆에있는 화살표를 클릭합니다. 블로그 목록이 열립니다.

오디오 플레이어 위젯을 호스팅하는 블로그를 클릭하여 대시 보드에서 블로그를 엽니 다.

"사용자 지정"탭을 클릭하여 왼쪽 사이드 바에 첨부 된 사용자 지정 메뉴로 테마를 엽니 다.

테마 코드에서 플레이어 위젯의 HTML을 찾습니다. 먼저 사용자 정의 메뉴에서 설명 상자를 선택하십시오. 위젯 코드가 설명 상자에 없으면 코드가 테마 HTML에 포함됩니다.이 경우 "HTML 편집"버튼을 클릭하여 HTML 편집기를 열고 "Ctrl-F"를 눌러 찾기 상자를 연 다음 플레이어의 이름을 입력하면 코드에서 위젯을 빠르게 찾을 수 있습니다.

"autoplay = false"명령을 "autoplay = true"로 편집합니다.

HTML 편집기에서 변경 사항을 미리 보려면 "미리보기 업데이트"버튼을 클릭하십시오.

변경 사항을 저장하고 게시하려면 "저장"버튼을 클릭하십시오.

Tumblr 오디오 게시물 양식을 사용하여 블로그에 오디오 게시물을 만들 수도 있습니다. SoundCloud 및 Hypster의 음악 아카이브를 검색하여 게시물에 음악을 추가 할 수 있습니다. 그러나 클립을 자동으로 재생하도록 오디오 포스트를 구성 할 수는 없습니다.

경고

위젯 HTML을 편집하기 전에 원본 플레이어 위젯 코드를 복사하여 빈 텍스트 문서에 붙여 넣으십시오. 그러면 코드를 수정하는 동안 실수를 한 경우 원본 코드를 빠르게 복원 할 수 있습니다.