사이버-턴테이블 위젯

 

작곡: SHA(i_love_poulenc) / 커버 디자인: 제나(Jena_commi2)

 

설치 방법

 

1. 메모장 파일 다운로드

사이버 턴테이블 5.0 (배포용).txt

0.04MB

 

2. 티스토리 블로그 관리 > 스킨 편집 > 우측 상단 [html 편집]

 

3. HTML 탭에서 ctrl+F: </body>

 

4. </body> 바로 위에 메모장 내용 복붙

 

5. 적용 버튼 클릭 > 블로그에 들어가 ctrl+shift+R (강력 새로고침) > 작동 확인

 

정상 작동 확인 후 아래 방법대로 커스텀해보세요!

 

 

 

커스텀 방법

<색상/커버/플레이리스트 등>

 

1. 티스토리 블로그 관리 > 스킨 편집 > 우측 상단 [html 편집]

붙여넣기한 턴테이블 코드 범위 내에서만 편집해주세요!

그 외 다른 코드를 수정하는 경우 오류가 생길 수 있습니다.

 

1) 색상 변경

ctrl+F : 사용자 설정1

 

#b1d0e9; 등이 나오면 #과 ;사이의 6자 부분만 변경

헥스 코드 컬러 참고 사이트: https://www.color-hex.com/

 

턴테이블 본체/led/플레이리스트 색상을 커스텀할 수 있습니다.

(바로바로 적용해 가며 확인하는 것이 좋습니다)

 

2) 커버 변경

ctrl+F: 사용자 설정2

 

검색하면 나오는 코드 중

vinylImage: "https://i.imgur.com/Wb4HsPE.png",

의 url부분(큰 따옴표 내의 링크)을 원하는 이미지의 링크로 수정하면 됩니다.

 

3) 플레이리스트 수정

ctrl+F : 사용자 설정2

 

링크 url과 타이틀(제목)을 원하는 대로 수정할 수 있습니다.

노래를 추가/삭제할 경우

중간은 }, 형식으로

가장 마지막 노래는 , 없이 } 로만 끝나도록 해주셔야 합니다

 

2. 적용 > 블로그에 들어가 ctrl+shift+R (강력 새로고침) > 작동 확인

 

 

주의사항

1. 원형을 알아보기 어려운 수정, 파일 재배포는 금지합니다.

(본 페이지 또는 트위터 게시물로 공유 부탁드립니다.)

X의 𝚁님(@229x812)

 

2. 일부 영상은 재생이 불가할 수 있습니다.

이 경우 동일한 곡의 다른 영상 링크를 사용해주세요.

 

3. 플랫폼 구조상(페이지를 이동할 때마다 HTML 문서 전체를 새로 불러오는 방식)

1) 페이지 이동 시 음악이 잠시 끊기는 현상

2) 뒤로가기 시 음악이 멈추는 현상이 발생합니다.

최대한 자연스럽게 이어지도록 개선하였으나 이 점 참고 바랍니다...🥺