본문 바로가기

블로그 운영20

티스토리 모바일 스킨 적용방법 2022 티스토리 스킨은 PC와 모바일 두가지를 모두다 설정해줘야한다. PC를 반응형 스킨으로 잘 설정해 두었다면 모바일에서 그 스킨을 적용시켜보자. (글설명후 사진첨부) 1. 티스토리 블로그관리의 좌측 하단의 관리페이지에서 꾸미기 - 모바일에 접속한다. 2. 티스토리 모바일웹 자동 연결을 사용하지 않습니다. 로 설정한 후 변경사항 저장을 누른다. 3. 티스토리 블로그 관리 - 스킨 편집에 들어가 컴퓨터로 모바일 스킨을 확인한다. ▼ 블로그 관리 - 스킨편집에 들어간다. ▼ 스킨편집 창에서 중앙 상단의 컴퓨터, 태블릿, 스마트폰 그림중에서 맨 오른쪽 스마트폰 그림을 선택하여 모바일 스킨이 어떻게 적용되는지 확인한다. 또한 왼쪽 상단에서 홈, 글 등등 각 페이지에서의 모습을 확인할 수 있다. 4. 직접 블로그를 스.. 2022. 1. 1.
티스토리 애드센스 목록 상단/하단 광고 설정하기 (치환자 넣기) 티스토리 관리 메뉴에서 수익 - 애드센스 관리 - 광고 설정 에서 블로그에 넣을 애드센스 위치를 설정할 수 있다. 근데 목록 상단, 하단 광고는 '목록 상단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해 주세요.' 라는 문구가 뜬다. 이건 간단하게 html 편집을 통해 치환자를 넣어주면 해결가능하다. (필자는 북클럽 스킨 기준으로 설명) 블로그관리 메뉴에서 스킨 편집을 클릭한다. 오른쪽 상단 html 편집을 클릭한다. 안에 빈 공간 아무데나 클릭한 다음, Ctrl + F 키로 s_list를 검색한다. 그럼 list_conform이 있는 문구를 찾을 것이다. list_conform 문구 상단에는 를 넣고 list_conform 문구 하단에는 를 넣고 오른쪽 상단.. 2021. 5. 30.
티스토리 푸터(footer) 문구 설정, 블로그 하단 copyright 문구 수정 티스토리 블로그의 맨하단을 보면 이렇게 "TEL. 02.1234.5678 / 경기 성남시 분당구 판교역로 © Kakao Corp. " 같은 문구가 표시되어 있다. 이러한 블로그 하단문구는 푸터(footer)라고 불리우며 스킨편집에서 간단히 문구를 수정/제거 할 수 있다. 필자는 북클럽 스킨을 기준으로 설명하겠다. 다른 스킨의 경우도 같은 방법으로 해결해주면 되겠다. ▲ 티스토리 블로그관리 홈 > 스킨편집에 들어간다. (블로그 관리 왼쪽 하단 메뉴에 위치) 오른쪽 메뉴에서 맨아래로 스크롤하면 푸터문구1이 있다. 이것을 원하는 문구로 수정하면 된다. 필자는 푸터문구1에만 Copyright 2021. All right reserved. 가 표시되게 하였다. (다 지워서 아무것도 안뜨게 할 수도 있다.) 블로그.. 2021. 2. 19.
티스토리 북클럽 스킨 사이드바 크기(너비) 조절하기 티스토리 북클럽(book club) 스킨에서 사이드바의 너비를 키우거나 줄이는 방법을 소개한다. 다른 스킨에서도 비슷한 방법으로 적용하면 된다. 필자는 구글 애드센스 광고를 사이드바에 300 * 600 고정광고 크기로 넣기 위해서 진행하였다. ▲ 티스토리 블로그관리 홈 > 스킨편집에 들어간다. (블로그 관리 왼쪽 하단 메뉴에 위치) 오른쪽 상단 html 편집을 클릭한다. 가운데 CSS에 들어간다. 이제 하단 코드중 일부를 고칠 것이다. 351줄을 보면 #aside가 있을 것이다. 그럼 353줄의 "width: 21.296296296296296%" 에서 숫자를 바꾸면 된다. 사이드바의 너비를 A(px)라고 하면 A / 1080px * 100 의 계산과정을 거쳐 나온 숫자를 % 왼쪽에 넣어주면 된다. 예시).. 2021. 2. 19.
티스토리 상단광고 2개넣기 (플러그인 없이 스킨편집 html로 광고넣기) 티스토리에 2020년 10월부터 수익메뉴가 생기면서 기존의 애드센스 플러그인이 사라졌다. 따라서 티스토리 본문 상단 광고 2개를 넣기 위해서는 티스토리 스킨편집 - html에 코드를 추가해야한다. 1분만에 할 수 있을 정도로 간단하다. ▲ 티스토리 블로그관리 홈 > 스킨편집에 들어간다. (블로그 관리 왼쪽 하단 메뉴에 위치) 오른쪽 상단 html 편집을 클릭한다. html 편집창에서 아무데나 커서를 잡은 뒤 Ctrl + F 단축키를 누르고 article_rep_desc를 입력한 뒤 엔터를 눌러 검색한다. 치환자 위치를 찾아야하기 때문이다. 그럼 여러개의 치환자가 나올텐데 하단에 치환자가 보이는 위치로 가면된다. 티스토리 북클럽 스킨 기준 422번째 근방 줄에 위치해있다. (스킨에 따라 치환자 위치, 구성.. 2021. 2. 16.
티스토리 애드센스 연동하기, 블로그관리 - 수익 메뉴 이용 티스토리 블로그에서 애드센스를 연동하는 방법을 설명한다. 2020년까지는 애드센스를 플러그인 또는 html에 직접 추가해줘야 했는데 2021년 이후 '수익' 탭이 생기면서 간편하게 애드센스 광고를 넣을 수 있게 되었다. 이전의 연동 형식은 ads.txt 문제로 후에 광고 노출에 문제가 생길 수 있으니 이번에 소개하는 수익 탭을 통한 애드센스 연동을 새로 해주는 것을 추천한다. (이미지 후 글설명) 블로그관리 - 수익 탭으로 들어가서 google adsense 오른쪽의 연동하기 버튼을 클릭한다. 그럼 밑에 3줄 간단 설명이 나오므로 잘 읽어보고 Google 로그인을 클릭한다. 애드센스 사용이 활성화되어 있는 구글계정을 선택한다. 두가지 권한 부여를 모두 허용해준다. 마지막으로 선택사항 확인에서 오른쪽 아래.. 2021. 2. 15.