[미넴스킨] mp3 파일 URL로 변경하는 방법 (티스토리 블로그 음악 넣기)

미넴스킨 사용자로서 너무너무 감사하게 쓰고 있는데요. 오늘은 노래 넣는 방법이 잘 안나와있어서, 제가 한번 써보려고해요. (항상감사드립니다. 제작자님.)

티스토리 블로그에 배경음악을 넣거나 포스트에 직접 음악을 삽입하고 싶었는데, 어떻게 MP3 파일을 URL로 변환해야 하는지 막막했거든요. 특히 미넴스킨 사용자라면 더 고민이 많으실 텐데요.

이번 글에서는 MP3 파일을 쉽게 URL로 변환하는 방법뿐만 아니라, 마지막에는 초기 볼륨을 설정하는 꿀팁까지 알려드릴게용.

 

광고

 

💡 MP3 파일을 URL로 변환해야 하는 이유

블로그에 음악을 넣기 전에 알아두면 좋은 기본 지식부터 설명해드릴게요. 왜 MP3 파일을 URL로 변환해야 하는지 궁금하셨죠?

 

블로그에 음악 파일을 직접 삽입하려면 해당 파일의 URL이 필요합니다. URL이란 인터넷 주소로, 티스토리나 미넴스킨에서 음악을 재생하려면 이 주소가 꼭 필요하답니다.

이 URL만 있으면 배경음악 설정, 포스트 내 음악 삽입 등 다양한 방식으로 활용할 수 있어요.

 

이제 본격적으로 어떻게 티스토리 블로그에 음악을 넣는지 알아볼까요? 걱정 마세요, 어렵지 않아요!

 

 

🎵 방법 1: 티스토리 블로그에 파일 업로드하기

가장 먼저 해야 할 일은 MP3 파일을 티스토리 블로그에 업로드하는 것이에요. 처음이라 헷갈리시죠? 천천히 따라해 보세요!

1. 티스토리 관리자 화면에서 '글쓰기'를 선택하세요
2. 카테고리를 선택하고 제목을 입력하세요
3. 글 작성 영역 아래에 있는 '첨부' 버튼을 선택합니다
4. MP3 파일을 선택해 업로드합니다
5. 업로드가 완료되면 글 작성 영역에 음악 파일 아이콘이 삽입됩니다

 

파일 업로드가 생각보다 쉽죠? 이렇게 티스토리에 직접 파일을 업로드하면 서버에서 안정적으로 호스팅해주기 때문에 재생 문제가 거의 없어요.

 

구글 드라이브나 외부 호스팅 서비스를 이용할 때 종종 발생하는 재생 제한이나 트래픽 문제도 없고요.

 

 

지금까지 너무 잘 하셨어요! 이제 다음 단계로 넘어가볼까요?

 

 

🔗 방법 2: 파일 URL 가져오기

파일을 업로드하셨다면, 이제 그 파일의 주소(URL)를 가져와야 합니다. 이 부분이 많은 분들이 헷갈려하는 부분인데, 사실 아주 쉬워요!

1. 업로드된 MP3 파일 아이콘에 마우스를 올리고 오른쪽 버튼으로 선택합니다
2. 나타나는 메뉴에서 '링크 주소 복사' 옵션을 선택하세요
3. 이렇게 하면 MP3 파일의 URL이 클립보드에 복사됩니다

 

복사된 URL은 대략 https://blog.kakaocdn.net/dn/.../.../tfile.mp3 형태로 되어 있을 거예요. 이 주소가 바로 우리가 필요한 MP3 파일의 URL입니다!

 

URL 복사까지 성공하셨나요? 정말 잘 따라오고 계시네요! 이제 마지막 단계만 남았어요. 조금만 더 힘내세요!

 

 

⚙️ 방법 3: 미넴스킨 배경음악 설정에 URL 적용하기

이제 가장 중요한 단계예요. 복사한 URL을 미넴스킨의 배경음악 설정에 적용할 차례입니다. 코드 편집이 처음이라 어렵게 느껴지실 수 있지만, 천천히 따라하면 누구나 할 수 있어요!

1. 티스토리 관리자 화면에서 '꾸미기' > '스킨 편집'으로 이동합니다
2. HTML 탭을 선택하고 배경음악 설정 부분을 찾으세요 (코드 찾기 기능: Ctrl+F로 'bgm-src' 검색)
3. 다음과 같은 코드를 찾을 수 있습니다: 
4. <input type='hidden' id='bgm-src-1' value="[##_varbgm-src-1##]"> <input type='hidden' id='bgm-title-1' value="[##_varbgm-title-1##]">
5. 이 코드에서 value="[##_varbgm-src-1##]" 부분을 복사한 URL로 변경합니다

   <input type='hidden' id='bgm-src-1' value="https://blog.kakaocdn.net/dna/wIg12/btsM0GntRAx/AAAAAAAAAAAAAAAAAAAAAAnKk9aRmUMt9kTrpodMsZ2pncA_JNyzQ8jeWRb6vqSq/tfile.mp3?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=yvx%2FyOphME3nPRxaqxZSxYTtu1Y%3D">

6. 같은 방식으로 bgm-title-1 부분에는 곡 제목을 입력합니다:

   <input type='hidden' id='bgm-title-1' value="Florian Bur - The Way">

와! 이렇게 하면 배경음악 설정이 완료됩니다! 변경 사항을 저장하고 블로그를 새로고침하면 음악이 재생될 거예요. 어떠세요? 생각보다 쉽죠? 여러분이 해내셨어요! 👏

 

 

⚠️ 사용시 주의사항

음악을 성공적으로 넣으셨다면, 몇 가지 알아두시면 좋을 주의사항도 있어요. 잠깐 살펴볼까요?

주의사항	설명
저작권 문제	반드시 저작권에 문제가 없는 음악을 사용하세요. 저작권이 있는 음악을 무단으로 사용하면 법적 문제가 생길 수 있습니다.
파일 크기	너무 큰 파일은 블로그 로딩 속도에 영향을 줄 수 있어요. 가능하면 5MB 이하의 파일을 사용하는 것이 좋습니다.
자동 재생 제한	최근 대부분의 브라우저에서는 사용자 경험 향상을 위해 자동 재생을 제한하고 있어요. 방문자가 직접 재생 버튼을 누를 수 있는 옵션을 제공하는 것이 좋습니다.

 

 

 

❓ 자주 묻는 질문

MP3 파일을 블로그에 넣는 과정에서 많은 분들이 비슷한 질문을 하시더라고요. 미리 알아두시면 도움이 될 것 같아 모아봤어요!

Q: 구글 드라이브로도 MP3 URL을 만들 수 있나요?

A: 구글 드라이브에 파일을 업로드하고 공유 링크를 얻을 수 있지만, 이 링크는 직접 MP3 재생에 적합하지 않아요. 주소 형식을 https://drive.google.com/uc?export=download&id=파일ID로 변환해야 하지만, 그래도 재생이 불안정할 수 있습니다. 티스토리에 직접 업로드하는 것이 가장 안정적입니다.

 

Q: 다른 음악 호스팅 서비스를 이용해도 될까요?

A: 네, SoundCloud, AudioMack 등의 서비스를 이용할 수도 있습니다. 이런 서비스들은 임베드 코드를 제공하므로 해당 코드를 블로그에 삽입하면 됩니다.

 

Q: 여러 곡을 재생 목록으로 만들 수 있나요?

A: 미넴스킨에서는 보통 여러 곡을 설정할 수 있어요. bgm-src-1, bgm-src-2, bgm-src-3 등으로 여러 곡을 등록할 수 있습니다.

앞서 언급했듯이, 마지막에 특별한 정보가 기다리고 있으니 조금만 기다려주세요!

 

🎁 초특급 꿀팁: 초기 볼륨 설정하기

끝까지 읽어주셔서 감사합니다! 약속드린 대로, 음악의 초기 볼륨을 설정하는 방법을 알려드릴게요! 미넴스킨에서는 배경음악의 초기 볼륨을 조절할 수 있답니다.

HTML 코드에서 다음 부분을 찾으세요:

<input type='hidden' id='init-bgm-volume' value="[##_varinit-bgm-volume##]">

이 부분을 다음과 같이 변경하면 됩니다:

<input type='hidden' id='init-bgm-volume' value="0.8">

값	볼륨 크기	사용 추천
0.3	30% 볼륨	조용한 배경음악으로 적합
0.5	50% 볼륨	보통 수준의 볼륨
0.8	80% 볼륨	눈에 띄는 음악 효과 원할 때
1.0	100% 볼륨(최대)	방문자가 꼭 들어야 할 때

이 값을 조절하여 방문자들이 블로그에 접속했을 때 듣게 될 음악의 초기 볼륨을 설정할 수 있습니다. 멋진 블로그 분위기를 만드는 데 큰 도움이 될 거예요!

마무리

이제 여러분도 티스토리 블로그에 쉽게 MP3 파일을 삽입하고 URL을 활용할 수 있게 되셨네요! 확실히 미넴스킨에는 노래가 있어야 맛이 살더라구요 ㅎㅎ

처음에는 어렵게 느껴졌을 수도 있지만, 한 번 해보니 생각보다 간단하죠? 여러분이 직접 해보시면 "아, 이렇게 쉬웠어?"라고 느끼실 거예요! 여러분의 블로그가 좋아하는 음악과 함께 더욱 멋지게 꾸며지길 바랍니다!

혹시 다른 궁금한 점이 있으시면 언제든지 댓글로 물어봐 주세요~!