티스토리_코딩14

• 티스토리 포스팅된 글의 링크를 짧게 간혹 길게 나오는 블로그 글의 링크를 짧게 줄여줍니다. https://lioicreim.tistory.com/notice/500?category=12345678 https://lioicreim.tistory.com/notice/500 아래 코드를 HTML 안에 넣어줍니다. 티스토리_코딩 2022. 6. 12.

• 

  티스토리 상단 광고 제거하기 얼마전 티스토리와 구글 애드센스를 연동한 이후부터 블로그 상단에 광고가 붙기 시작했다. 상단 광고가 뜨는것이 불편해서 제거하는 방법을 찾다가 이게 맞는지는 모르겠지만 광고 붙일 때 HTML에 추가하라던 아래 문구를 삭제했더니 더이상 보이지 않고 있다. 티스토리_코딩 2022. 6. 6.

• 

  티스토리 Top 버튼 넣기 1. Top 버튼에 사용될 이미지를 스킨편집-html편집-파일업로드로 등록 2. 스킨편집 - Html에 추가 3. CSS 마지막 줄에 추가 html { scroll-behavior: smooth; } 티스토리_코딩 2021. 11. 1.

• 

  VSC (Visual Studio Code) 환경 설정 Auto Save : afterDelay FontSize : 16 Font Family : 숫자 O과 영어 O, i와 L 등 헷갈리지 않도록 적당한 폰트로 설정하는것이 좋다. Tab Size : 탭키를 눌렀을 때 들여쓰기 되는 정도 티스토리_코딩 2021. 9. 8.

• 

  CodeSandbox - 웹에서 코딩하기 화면 왼쪽은 코딩, 오른쪽은 미리보기 웹화면인데 코딩할 때 자동으로 웹페이지가 업데이트 되도록 하려면 File-Preferences-Settings 옵션에서 Auto Save = afterDelay로 설정해줘야합니다. 폰트 크기는 Font Size에 입력해서 수정 가능합니다. 별도 저장옵션은 없기 때문에 Settings탭을 x를 눌러서 닫으면 됩니다. 티스토리_코딩 2021. 9. 8.

• 

  티스토리 긴문자열 자동 줄바뀜 매우 긴 문자열을 붙여넣기 할때 메모장처럼 오른쪽으로 길게 한줄로 나온다면 아래처럼 CSS에 word-wrap: break-word; 을 추가하면 긴 문자가 가능해진다. (백업) .contents p {word-wrap: break-word;} !WA:2!DIvZVTXXvCrWyKafKcfgdN6ux0ncWgunY0s02YXUniHlfPflOPuxszRuKcYz3Di3XE5URNzwkr3dTrhk0zw0V)eSFDO5e)liq9yVmqT3BHU1RcOaT9s6BMzjfPSCrrxGL7oZ8M38(837Tmv5mDZ4MX9GThYIq0N8iIl371gY4iNNWQtEg(Y092SDBgMVt6BL72J0lu2h1Hzwlmat7RxDJpL8T)NF6CZn3iuGJxiDRqsa3UyPAnkznYoK6IPfd9d.. 티스토리_코딩 2020. 9. 17.

• 

  네이버/구글 웹마스터 도구 등록하기 사이트나 블로그가 네이버, 구글에서 검색되기 위해서는 웹마스터 도구에 등록을 해야 된답니다. 제가 스킨을 구입하기도 한곳인데 정리가 잘되있어서 링크합니다. 네이버 웹마스터 등록 https://www.jbfactory.net/11520 티스토리 강좌 | 네이버 웹마스터도구에 등록하는 방법 네이버 웹마스터도구 사이트나 블로그가 네이버에서 검색이 되기 위해서는 네이버 웹마스터도구에 등록을 해야 합니다. 티스토리 블로그를 어떻게 네이버 웹마스터도구에 등록하는지 알아보겠습니다. 티스토리 블로그 등록하기 네이버 웹마스터도구에 로그인합니다. 네이버 아이디로 로그인할 수 있습니다. 블로그 주소를 입력하고 [추가] 버튼을 클릭합니다. 사이트 소유 확인에서 [HTML 태그]를 선택한 후 메타태그를 복사합니다. 티스토리 블.. 티스토리_코딩 2019. 6. 17.

• 

  티스토리 CCZ-CROSS 헤더 폰트 변경 블로그 왼쪽 상단의 헤더쪽 폰트를 변경하고 싶을때 CSS에서 brand { 로 검색. /*헤더 블로그 이름*/ .header-left {width: 100%;} .brand { position: relative; width: 100%; padding-left: 50px; padding-right: 50px; text-align: center; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .brand a {display: block;} @media (min-width: 768px){ .header-left {width: auto; font-size: 14px} /*블로그 이름 폰트 크기*/ .bran.. 티스토리_코딩 2019. 6. 17.

• 티스토리 CCZ-CROSS 글 제목 폰트 변경 스킨편집 - HTML 편집 - CSS /*본문 제목*/ .hd-heading { /*font-size: 42px; /*본문 제목 글씨 크기*/ font-weight: bold; /*원본 normal;*/ line-height: 1.3; padding-bottom: 5px; } /* 본문 제목 폰트*/ @media (min-width: 992px) { .hd {height: 140px;} /*본문 제목 위아래 높이 220px*/ .hd-heading { font-size: 32px; font-family: "Noto Sans CJK KR", "본고딕", "Noto Sans Korean", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, sans-serif; font-weight: 80.. 티스토리_코딩 2019. 6. 17.

• 티스토리 CCZ-CROSS 헤더 공유버튼 추가하기 CCZ-CROSS 스킨의 헤더쪽에 붙이기는 했는데 크기가 좀 크다... 얘네들 class가 어딨는지 몰라서 일단 포기 ㅠ 스킨편집 - html 편집으로 con icon-angle-down">을 검색해서 아래참고해서 붙여넣기 RSS 버튼이 옆에 버튼들하고 크기가 달라서 일단 숨겨버렸습니다. 티스토리_코딩 2019. 6. 17.

• 

  티스토리 CCZ-CROSS 상단 검색결과 삭제하기 블로그 첫 페이지에 검색하지도 않았는데 아래처럼 검색 결과라는 화면이 보이게 됩니다. 스킨편집 - HTML 편집 에서 Ctrl+F 로 검색어를 div class="content-width" 로 입력해서 아래 내용을 찾아 삭제해주면 됩니다. 검색 결과 해당 글 건 티스토리_코딩 2019. 6. 17.

• 

  티스토리 CCZ-CROSS 방문자 색상 변경 기본은 옅은 회색이라 잘 안보여서 기본색은 검정색, 마우스 커서를 올렸을때는 색상이 변경되도록 했습니다. /* _방문자 */ .module-visitor { width: 270px; margin-bottom: 22px; letter-spacing: 0; color: #1b1b1f; /*기본값 : e0e0e0*/ text-shadow: 1px 1px #ffffff; } .visitor-row { padding: 8px 5px; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; } .visitor-row:hover {color: #ff42e2;} /*방문자 마우스 올렸을때 컬러*/ ... 티스토리_코딩 2019. 6. 17.