사이드바 제목, 최근글 개수 수정법
* 사이드바 글 개수 수정
블로그 관리 > 꾸미기 > 사이드바 관리최근글 개수를 수정해주시면 됩니다.
*사이드바 제목 수정변경 전 변경 후
- 스킨편집하기 > html > ctrl+f (찾기) > Recent Posts 검색 > Recent Posts 를 원하는 제목으로 변경
(Popular Posts도 검색에서 Popular Posts검색 >수정 해주시면 됩니다.)
사이드바 > 배너 넣는 방법
1. 블로그 관리 > 플러그인 > 배너 출력 사용2. 블로그 관리 > 꾸미기 > 사이드바
사이드바 1, 사이드바 2 중 배너 넣고 싶은 곳을 정한 후
(사이드바 1,2 모두 배너를 넣으시려면 - 를 누르신 후 최근글, 인기글을 삭제해주시면 됩니다.)
최근글/인기글을 맨 좌측 바를 눌러 두개를 한곳에 합치거나 맨 우측 - 를 눌러 삭제해주세요.
3. 테스트는 최근글 , 인기글을 사이드바1에 넣은 후 2에 배너를 넣겠습니다.
4. HTML 배너 출력 > + 클릭 > 사이드바 2(넣고싶은곳에) 추가5.HTML 배너 출력 마우스 갖다 댄 후 편집 클릭
6. 이름 아무거나 텍스트 넣어 주신 후, HTML 소스에는 아래 코드를 넣어주세요.
<a href="링크주소" taget="blank_"> <img src="배너이미지 주소"> 배너(링크)이름 <a/> <a href="링크주소" taget="blank_"> <img src="배너이미지 주소"> 배너(링크)이름 <a/>위 코드를 넣은 후 링크주소, 배너이미지주소, 배너(링크) 이름을 넣은 후 확인 클릭
배너 개수 만큼 위 코드를 HTML 배너 출력 한곳에 넣어주시면 됩니다.
(배너(링크) 이름은 안넣으셔도 됩니다)
7. 완성 된 모습
배경음악(BGM) 넣기!
배경음악 준비
1. 배경음악으로 하고 싶은 음악을 준비합니다. (확장자 mp3)
유튜브 다운로드, 사운드클라우드 음원 다운로드, 무료음원 등등 구글에
검색하면 나오니 그 부분은 검색을 통해 참고하신 후 음원을 다운받아 주세요!
2. 다운받은 음악 확장자가 mp3가 아니면 아래 사이트에서 mp3로 변환해줍니다.
확장자 mp3로 변환 https://convertio.co/kr/mp4-converter/
mp3 볼륨 변경 https://mp3cut.net/ko/change-volume (음악소리가 크다면 mp3로 확장자 변경후 이 사이트에서 볼륨을 줄여주세요!)위 사이트에서 파일 선택 클릭
가운데 표시한 부분 클릭
검색에서 mp3 검색 선택 후 변환 > 다운로드
배경음악 업로드 하기
1. 티스토리에 비공개로 글로 글을 올려 mp3 파일을 파일 업로드 해주세요.
(꼭! 비공개로 올려주세요)
2. 확인을 누른 후 본문 확인 > 자신이 올린 파일에 마우스를 갖다 댄 후
오른쪽 마우스 > 링크주소 복사 클릭3. 스킨편집하기 > html > var_bgm-ad 검색
" " 안에 표시된 부분을 지우고 주소를 붙여넣기해주세요!
(출처 및 참고 에미넴 스킨 BGM 넣는 방법)
*배경음악 재생되지 않을 때
- 사이트 설정 확인주소 좌측 메뉴 클릭
사이트 설정 클릭
소리 - 허용으로 변경해주세요!
사이드바 블로그 닉네임 가운데 정렬
(08.22 파일 수정완료 22일 이전에 받으신 분들만 수정 해주시면 됩니다)
스킨 편집하기 > CSS > ctrl+f(찾기) > .side-blogger 검색
{ } 안에 text-align: center; 을 추가해주세요!
반응형 (갤러리형, 요약형 순서 맞지 않는 오류 수정법)
(08.22 파일 수정완료 22일 이전에 받으신 분들만 수정 해주시면 됩니다.)
스킨편집하기 > CSS > ctrl+f(찾기) > #list-gallery .list-wrap:nth-child(3n), #list-summary .list-wrap:nth-child(3n) 검색 {margin-right: unset;}을 아래 코드로 변경해주세요
{margin-right: auto !important;}
배경음악 위 이미지 짤릴때
수정 전 > 수정 후
스킨 편집하기 > CSS > ctrl+f(찾기) > .bgm-img img 검색
.bgm-img img { } 안에 아래 코드(없다면) 추가해주세요.
아래 코드가 있는데도 짤린다! 하는 분들은 방명록 남겨주시면 확인 후
수정 방법 알려드리도록 하겠습니다.height: 130px; object-fit: cover;
