티스토리 황금비율 썸네일 만들기 📌 TL;DR 💡 아래의 방법을 활용하면 티스토리뿐만 아니라 네이버 블로그 등 다양한 곳에서 활용할 수 있는 배경과 잘 어우러진 텍스트 기반의 심플한 썸네일을 손쉽게 제작할 수 있다. 👑 황금비율 썸네일 만들기 1. 썸네일 메이커로 접속한다. 2. 좌측에 위치한 미리보기 화면을 확인하면서 우측에 위치한 옵션 값들을 원하는 대로 설정한다. "황금비율" 선택 시 구글이나 네이버 등에서 노출되는 썸네일 비율 (16/9, 4/3, 1/1)을 모두 충족시킬 수 있다. 3. 설정이 완료되면 "저장하기" 버튼을 눌러 활용하고자 하는 곳에 적용시킨다. 이미지 저장 시 "현재의 설정값을 기억할까요?" 옵션 선택 시 설정값을 브라우저에 저장하여, 이후 썸네일 메이커 페이지에 재접속 시 해당 값을 선택적으로 불러올 수 있다.. 2023.12.15

티스토리 어그로체 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 어그로체 웹폰트를 적용할 수 있다. 📄 티스토리에 어그로체 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.11

티스토리 노토 산스 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 노토 산스 웹폰트를 적용할 수 있다. 📄 티스토리에 노토 산스 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.10

티스토리 나눔스퀘어 네오 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 나눔스퀘어 네오 웹폰트를 적용할 수 있다. 📄 티스토리에 나눔스퀘어 네오 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.25

티스토리 스위트 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 스위트 웹폰트를 적용할 수 있다. 📄 티스토리에 스위트 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.24

티스토리 수트 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 수트 웹폰트를 적용할 수 있다. 📄 티스토리에 수트 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.23

티스토리 지마켓 산스 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 지마켓 산스 웹폰트를 적용할 수 있다. 📄 티스토리에 지마켓 산스 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.22

티스토리 에스코어 드림 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 에스코어 드림 웹폰트를 적용할 수 있다. 📄 티스토리에 에스코어 드림 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.21

티스토리 스포카 한 산스 네오 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 스포카 한 산스 네오 웹폰트를 적용할 수 있다. 📄 티스토리에 스포카 한 산스 네오 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.14

티스토리 프리텐다드 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 프리텐다드 웹폰트를 적용할 수 있다. 📄 티스토리에 프리텐다드 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.10.10

티스토리 마우스 올렸을 때 무지개 링크 적용하기 📌 TL;DR 💡 아래의 코드 1줄만 추가하면 바로가기 링크를 무지개 링크로 변경할 수 있다. 🌈 마우스 올렸을 때 무지개 링크 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 코드 적용이 잘 되었는지 확인한다. 2023.10.05

티스토리 본문 상단 스크롤바 적용하기 (+ 원하는 색상 적용) 📌 TL;DR 💡 1. 아래의 코드 2줄만 추가하면 본문 상단에 가로 스크롤바를 적용할 수 있다. 2. 색상, 굵기 등 원하는 스타일로도 적용 가능하다. 📊 본문 상단에 스크롤바 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 6. 아래 코드를 복사한다. 7. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 8. 코드 저장 후 해당 페이지를 새로 고침하여 코드 적용이 잘 되었는지 확인한다. 🎨 원하는 스타일 적용하기 💡 원하는 스타일을 적용하려면 📊 .. 2023.10.04

티스토리 우측 하단에 원형 스크롤바 적용하기 (+ 원하는 스타일 적용) 📌 TL;DR 💡 1. 아래의 코드 2줄만 추가하면 우측 하단에 위치한 원형 스크롤바를 적용할 수 있다. 2. 색상, 굵기 등 원하는 스타일로도 적용 가능하다. 🌀 우측 하단 원형 스크롤바 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 6. 아래 코드를 복사한다. 7. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 8. 코드 저장 후 해당 페이지를 새로 고침하여 코드 적용이 잘 되었는지 확인한다. 🎨 원하는 스타일 적용하기 💡 원하는 스타일을 적용.. 2023.10.03

티스토리 헤더 스크롤바 적용하기 (+ 원하는 색상 적용) 📌 TL;DR 💡 1. 아래의 코드 2줄만 추가하면 헤더에 가로 스크롤바를 적용할 수 있다. 2. 색상, 굵기 등 원하는 스타일로도 적용 가능하다. 📊 헤더 스크롤바 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 6. 아래 코드를 복사한다. 7. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 8. 코드 저장 후 해당 페이지를 새로 고침하여 코드 적용이 잘 되었는지 확인한다. 🎨 원하는 색상 적용하기 💡 원하는 스타일을 적용하려면 📊 헤더 스크롤바 .. 2023.10.02

티스토리 스크롤 방향에 따라 헤더 메뉴 숨기기 또는 보이게 하기 📌 TL;DR 💡 1. 아래의 코드 1줄만 추가하면 스크롤 방향에 따라 헤더를 숨기거나 보이게 할 수 있다. 👀 티스토리 스크롤 방향에 따라 헤더 메뉴 숨기기 또는 보이게 하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 코드가 잘 적용되었는지 확인한다. 2023.10.01

티스토리 사용자 테마에 따라 다크 모드, 라이트 모드 적용하기 (+ 원하는 색상 적용) 📌 TL;DR 💡 1. 아래의 코드 2줄만 추가하면 티스토리에 테마를 추가할 수 있다. 2. 색상 값만 입력하여 원하는 색으로도 적용 가능하다. 🌈 시스템 환경에 따른 자동 테마 변경 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 6. 아래 코드를 복사한다. 7. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 8. 코드 저장 후 해당 페이지를 새로 고침하여 테마 적용이 잘 되었는지 확인한다. ❗️ 간혹 테마 적용이 늦어지면서 뒤늦게 테마가 적용되며 깜빡이는.. 2023.09.16