티스토리/블로그 관리 검색 결과
4 개의 검색 결과가 있습니다.
티스토리/블로그 관리

티스토리 스크롤 바 초간단 설정 (with 고래스킨 4.0 외 모든 스킨 scroll bar 설정 가능)

오늘은 티스토리 모든 스킨에 적용 가능한 스크롤 바(scroll bar)를 꾸미는 방법에 대해 알려드리겠습니다. (참고로 현재 제 스킨은 고래스킨 4.0 입니다.) 이 설정은 매우 간단하게 적용하실 수 있고, 사용자 친화적인 블로그를 만드는데 큰 도움이 됩니다. 요즘 대부분의 사이트들이 스크롤 바 색 변경 등 취향에 맞게 설정하고 있으며, UX, UI적으로도 좋으니 제 초간단 설명을 따라 설정하시길 추천드립니다. 스크롤 바 초간단 설정 맞춤 설정 가능! 우선 하단 텍스트 파일을 다운로드 받거나, 하단 코드를 복사합니다. 코드의 숫자값을 변경하셔서 원하는 스타일의 스크롤바를 만드실 수 있습니다. 1) Width width : 스크롤 바의 너비 2) Track - 스크롤 바가 지나다니는 길. box-shad..

2020. 10. 25. 03:07
티스토리/블로그 관리

인피드광고 넣기 및 어울리게 수정하기(with 고래스킨4.0 인피드광고 오류 해결하기)

오늘은 고래스킨4.0에 인피드광고를 집어 넣는 방법에 대해 알려드리겠습니다. 저도 처음에 고래스킨으로 바꾸고 난 뒤, 제작자분의 게시글을 따라하면서 인피드 광고를 집어 넣으려 했으나 적용되지 않았습니다. 그래도 다행히 다른 해결책을 찾아 여기에 공유하려 합니다. 1. 인피드 광고 생성하기 애드센스 신규 광고 단위 만들기 먼저 애드센스에 로그인 한 뒤 인피드 광고를 만듭니다. 고래스킨의 메인 화면에서 출력되는 게시글들과 비슷하게 보이게 만들기 위해 측면 이미지 템플릿을 사용하도록 하겠습니다. 설정 값들을 그대로 따라오시길 추천드립니다. 참고로 고래스킨이 아니신 분은 Google 시스템에서 추천하는 스타일 확인으로 하시길 바랍니다. 전체 옵션 패딩 값을 15 20 15 15 px로 설정합니다. 이미지 크기와..

2020. 9. 14. 00:30
티스토리/블로그 관리

애드센스 광고 삽입 - PC 상단은 2개, 모바일 상단은 1개 뜨는 방법 (코드 + 방법 공유)

애드센스 광고 설정법을 찾으러 오셨다면, 아마도 애드센스를 통과하신 지 얼마 되지 않으셨으리라 짐작됩니다. 저도 구글 애드센스를 통과한 지 얼마 되지 않았습니다. 애드센스를 통과하기 전까진 딱히 설정에 신경 쓸 건 없었는데, 통과하고 나니까 설정할게 산더미였습니다. 그래도 하루 이틀 날 잡고 하나하나 해결하니까 약 3일 정도에 어느 정도 다 해결했던 거 같습니다. 이번 포스트에선 PC 상단은 2개, 모바일 상단은 1개 뜨는 방법에 대해서 설명드리겠습니다. 1. 구글 애드센스에 접속해서 디스플레이 광고 2개를 만듭니다. (광고 만드는 방법에 대해 아시는 분은 2번으로 스킵하셔도 됩니다.) 1-1. 신규 광고를 만드는 방법에 대해서 설명드리겠습니다. 디스플레이 광고(빨간 체크)를 클릭합니다. 1-2. 하단 ..

2020. 7. 17. 00:30
티스토리/블로그 관리

티스토리 구분선 진하게 변경하기 (with. 고래스킨4.0)

티스토리에는 다양한 무료배포 스킨이 존재합니다. 저는 무료배포 스킨들 중, 유명한 고래스킨(4.0ver)으로 최근에 변경했습니다. 제 입맛에 맞게 여러가지 코드를 바꾸는 과정에서, 여러분에게 유용할 정보들을 간추려 앞으로 소개해드리려 합니다. 전 스킨을 변경하기 전 티스토리 기본스킨인 #2스킨을 사용했었습니다. 기본 #2 스킨에선, 구분선이 눈에 잘 띄어서 자주 사용했습니다. 하지만 고래스킨으로 변경하고 나니 구분선 진하기가 너무 연해져서 잘 안보였습니다. 그래서 그 부분 코드를 찾아 바꾸도록 해보겠습니다. 구분선은 태그와 관련이 있습니다. 1. 스킨 편집에 들어갑니다. 2. 오른쪽 상단에 위치한 html 편집을 클릭합니다. 3. 이미지 참고하셔서 1번, 2번, 3번 순으로 진행하면 됩니다. CSS 편집..

2020. 7. 14. 00:30