반응형 Tistory4 티스토리 블로그 배경음악 직접 넣기 (고급 버전) 잠깐! 이 포스팅은 HTML, CSS, JavaScript 기초가 있으신 분들 대상으로 작성되었습니다. #배경음악넣기_초급버전 sangminem.tistory.com/84 티스토리(TISTORY) 블로그 배경음악(BGM) 직접 넣기 (초급 버전) 안녕하세요. 블로그를 하다 보니 은근 배경음악 욕심이 생겨서 한 번 넣어 보았습니다. 1. 음악 파일 등록 먼저 비공개 게시물을 하나 만듭니다. 그리고 위에 보이는 파일 메뉴를 통해 배경음악 sangminem.tistory.com 이해가 어려우신 분은 위 링크로 이동하셔서 초급버전이나 SCM Music Player로 적용해 보시길 바랄게요 :) 안녕하세요. 이번에는 초급 버전을 수정하여 조금 더 많은 기능을 넣어 보려고 합니다. 일단 동일하게 시작해 보겠습니다... 정보/블로그 운영팁 2020. 11. 17. 티스토리 블로그 폰트 크기 변경 버튼 만들기 폰트가 너무 작거나 커서 블로그 컨텐츠 보기가 불편할 경우가 있을 거 같아서 추가한 기능입니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. 하단에 script 태그 안쪽에 다음과 같은 코드를 작성합니다. script 태그가 없으면 body 태그 안쪽 끝 부분에 작성을 하시는 걸 추천드립니다. function changeFontSize(type) { var fontSize = $('html').css('font-size'); fontSize = Number(fontSize.substr(0,fontSize.length-2)); if(type === '+') {.. 정보/블로그 운영팁 2020. 11. 8. 티스토리 북클럽 스킨 글 목록 더보기(more) 스크롤 내리면 자동 로딩하기 더 보기(more) 버튼을 일일이 클릭하기 귀찮은 사람 많을 거라 생각하고 고안한 방법입니다. 위와 같이 Book Club 스킨 기준으로 설명을 드리고자 합니다. 스크롤을 아래로 내리면 자동으로 다음 글이 보이도록 할 생각입니다. 먼저 크롬에서 F12를 눌러 개발자 모드에 진입합니다. article 태그를 잘 살펴보면 하위에 view-more class를 활용한 a 태그가 하나 보입니다. 스크롤을 아래로 내렸을 때 이 부분이 자동 클릭되도록 이벤트를 걸어주면 될 거 같습니다. 그럼 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. 하단에 script 태그 안쪽에 .. 정보/블로그 운영팁 2020. 11. 8. 티스토리 블로그 배경음악 직접 넣기 (초급 버전) 안녕하세요. 블로그를 하다 보니 은근 배경음악 욕심이 생겨서 한 번 넣어 보았습니다. 목차 음악 파일 등록 먼저 비공개 게시물을 하나 만듭니다. 그리고 위에 보이는 파일 메뉴를 통해 배경음악으로 넣고 싶은 음악 파일을 업로드 합니다. 그럼 게시물에 다음과 같이 mp3 파일이 등록된 것을 볼 수 있습니다. 그리고 업로드 한 파일의 링크 주소 복사를 해줍니다. 오디오 태그 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. 어차피 컨트롤러는 보이지 않게 할 것이기 때문에 적당한 위치에 작성을 해 줍니다. audio 태그를 활용하면 됩니다. loop 옵션을 통해 반.. 정보/블로그 운영팁 2020. 10. 31. 이전 1 다음 💲 추천 글 반응형