check / 애드센스에 연결된 구글 계정 알아놓기. 애드센스 부정클릭 방지하기 크롬 브라우저의 좌측 상단 "앱"을 클릭한 후 "웹 스토어"를 클릭한다. 여기서 검색창에 "google publisher toolbar"를 검색한다. 가장 상단에 있는 "Google Publisher Toolbar"를 크롬 브라우저에 추가한다. 설치가 끝나면, 구글 애드센스 옆에 "사용"을 클릭하고 애드센스에 연결된 구글 계정으로 로그인한다. 툴바가 파란색으로 바뀌고…

check / 변환 할 구문 준비하기. 구문강조 Syntax Highlighting 간단하게 HTML로 본문에 적용하기 신택스 하이라이트. 구문 강조를 Syntax Highlighting을 통해 HTML 코드로 구현하기 위해 변환 기능을 제공중인 Online Syntax Highliting(https://tohtml.com/)에 접속한다. 접속 후 아래 Source code 창에 원하는 구문을 입력 후 바로 밑에 Highlight 버튼을 클릭하면 우측에 결과물, 상단에 HTML…

check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 스크롤바 디자인 변경하기 티스토리 #2 스킨 사이드바의 기본 스크롤바. 카테고리가 많으면 이렇게 우측에 스크롤바가 생기는데 디자인을 살짝 바꿔서 사이드바와 통일성을 높여보았다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. <script src="./images/script.js"></script> HTML에 들어가 600줄 부근 <script…

check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 애니메이션 삭제하기 티스토리 #2 스킨은 사이드바를 열고 닫을 때 좌우로 움직이는 애니메이션 동작이 포함되어 있다. 이렇게 애니메이션이 동작하는데, 완벽히 부드럽지 않고, 딜레이가 있는 탓에 깔끔해 보이지 않아 이 애니메이션을 제거하는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML /…

check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 티스토리 #2 스킨에서는 좌측 상단을 클릭해서 사이드바를 열어 볼 수 있다. 기본적으로 3단 사이드바를 지원하기 때문에 화면 구성이 답답해 보여서 사이드바를 2단으로 줄이는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. <div class="wrap_etc"> <div…

check / 변경 할 "header_default.jpg" 이미지 준비. 티스토리 #2 스킨 헤더 배경 이미지 변경하기 티스토리 #2 스킨을 적용한 블로그의 메인 화면. 좌측의 기본 헤더 이미지를 바꿔보도록 하자. #2 스킨은 반응형 스킨이기 때문에 기기의 가로 사이즈 폭에 따라 이렇게 변형되어 보여진다. 참고해서 보편적으로 어울릴 만한 이미지를 찾는게 좋다. 우선 좌측 하단…