안녕하세요.
오늘은 티스토리 블로그에
음원을 바로 재생할 수 있는
음원 재생바를 넣는 방법을
공유하고자 합니다.
티스토리 블로그를 보다 보면
이렇게 음원재생바를 볼 수 있습니다.
그런데!!
블로그 글쓰기를 눌러 mp3 파일을
드레그 해서 넣으면
이렇게 나옵니다!
우리가 원했던 것은
음원을 재생할 수 있는 재생바인데
그냥 문서함 문양과 함께
다운로드할 수 있게만 올라가집니다.
자 그럼 지금부터 이 다운로드바를
재생바로 바꿀 수 있는 방법을
공유하겠습니다.
1. 링크 복사하기
우선 위 그림처럼 다운로드를 할 수 있는
다운로드바가 나오면
마우스 오른쪽 클릭을 해서
링크 복사를 해주세요.
그럼 보이지는 않지만 컴퓨터에
복사가 된 것입니다.
2. 코드 만들기
이제 복사한 링크 주소를
아래의 코드 중간에 넣어주시면 되는데요.
↓
<center><audio controls="controls"> <source src="여기에 복사한 링크를 붙여넣기" /> </audio></center>
마우스 복사 금지가
걸리시는 분들은
이 코드를 적은 메모장을
다운로드하세요.
3. HTML 모드에 코드 넣기
이제 링크까지 넣은 전체 코드를
글쓰기에 넣으면 되는데,
지금 우리가 쓰는 글쓰기 창은
기본 모드입니다.
이 기본모드창을 HTML 창으로 변경 후
코드를 넣어주면 되는데요.
▼▼▼▼▼▼▼
코드를 넣은 후 다시 기본모드를
눌러 원래의 글쓰기 창으로 넘어오면 됩니다.
그러면 이렇게 음원 재생바가
만들어집니다.
참고로 티스토리에 올릴 수 있는
음원 용량은 10메가입니다.
따라서 용량이 큰 음원은 올리지 못해요.
'북리뷰 (Book Review) & 정보 > 블로그 운영 TIP' 카테고리의 다른 글
| 네이버 블로그와 티스토리 블로그의 차이점 (0) | 2022.10.11 |
|---|---|
| 잘 읽히고 쉽게 이해되는 글쓰기 방법 6가지! (0) | 2022.08.31 |
| 블로그에 유튜브 영상을 올려도 될까요? 블로그 유튜브 저작권! (2) | 2020.12.14 |
| 애드센스 광고 위치! 이 3가지를 조심하지 않으면 제한에 걸립니다! (19) | 2020.12.05 |
| 눈에 띄는 제목을 만드는 방법! 폭발적인 영향력을 발휘하는 표현들 (3) | 2020.11.24 |
댓글