반응형 티스토리 정보13 블로그 글자수 체크 방법 | 네이버 글자수세기 활용 꿀팁 총정리 블로거라면 한 번쯤 고민해봤을 글자수 문제! SEO 최적화를 위해, 혹은 본인만의 콘텐츠 기준을 세우기 위해 글자수를 확인해야 할 때가 있죠. 특히 네이버 블로그에 글을 올리는 분들은 더욱 정확한 글자수 체크가 필요한 경우가 많습니다. 이번 글에선 네이버 블로그 글자수를 쉽고 정확하게 확인하는 방법을 알려드릴게요! 천천히 잘 따라오세요 🔍 📌 네이버 공식 글자수 세기 도구로 바로가기: 네이버 글자수 세기 도구 글자수 체크가 왜 중요할까요? 블로그 글자수는 생각보다 중요한 요소예요. 검색엔진은 일정 길이 이상의 콘텐츠를 더 가치 있게 평가하는 경향이 있어요. 너무 짧은 글은 깊이 있는 정보를 담기 어렵다고 판단하기 때문이죠. 반면, 불필요하게 긴 글도 독자들의 집중력을 떨어뜨릴 수 있어요. 네이버 블.. 2025. 3. 12. ICO 변환하는 방법 | 티스토리 파비콘 전용 파일로 변환 방법 티스토리 블로그를 운영하면서 브랜드 아이덴티티를 강화하려면 파비콘(Favicon) 설정이 필수입니다. 파비콘은 브라우저 탭이나 즐겨찾기에 표시되는 작은 아이콘으로, 블로그의 인지도를 높이고 방문자의 신뢰도를 높이는 역할을 합니다. 하지만 티스토리에서는 파비콘을 ICO 파일 형식으로만 지원하기 때문에, 일반적인 PNG, JPG 등의 이미지 파일을 ICO로 변환해야 합니다. 이 글에서는 이미지를 ICO 파일로 변환하는 방법을 자세히 알려드리고자 합니다. 저만 따라오세요~ 변환 사이트 추천 ICO 변환 사이트 바로가기 Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for yo.. 2025. 2. 20. 티스토리 페이지 성능 최적화 이미지 지연 로드 적용 방법 티스토리 블로그에 글을 포스팅할 때, 사진을 많이 올리나요? 저 또한 이미지나 사진을 많이 올리는 편인데, 가끔 사진 로딩이 느려지는 현상이 발생할 때가 자주 발생하더라구요.. 그래서 구글링 해 본 결과, 사용자 화면에 있는 사진 순서대로 로딩하는 방법이 있어 페이지 성능을 향상시키는 방법이 있다고 해서 가져와봤습니다. 천천히 잘 따라오세요~ 이미지 지연 로드 (Lazy Load) 란? 페이지가 로드될 때 모든 이미지를 한 번에 불러오는 대신, 사용자가 해당 이미지를 스크롤하여 볼 때마다 점진적으로 로드되는 방식입니다. 이를 통해 페이지의 초기 로딩 속도를 개선할 수 있고, 사용자가 필요하지 않은 이미지 데이터를 미리 불러오는 것을 방지하여 성능을 최적화할 수 있습니다. 예를 들어봅시다. 블로그 글을 작.. 2025. 2. 19. 티스토리 블로그 포스팅 링크 버튼 만들기 다른사람들의 블로그에 있는 바로가기 링크 버튼을 보신 적이 있나요? 이 링크 버튼은 방문자가 클릭하여 다른 글이나 외부 사이트로 쉽게 이동할 수 있도록 해줍니다. 이 글에서는 티스토리 블로그에서 링크 버튼을 만드는 방법을 알려드리겠습니다. 000 전 후 링크 버튼 만들기 전vs.링크 버튼 만든 후 버튼 디자인 사이트 추천 사이트에 바로가기 버튼 꾸미기 1️⃣ 위 웹사이트로 이동 왼쪽에서 내가 원하는 버튼 디자인 선택오른쪽에서 텍스트 및 사이즈, 경계 등 취향에 맞게 디자인을 변경변경을 완료한 후에 가운데에 있는 Get Code를 클릭해서 버튼의 코드 생성 2️⃣ 코드 복사 생성된 코드 위는 html 코드, 아래는 css 코드입니다. 티스토리에 버튼 적용 1️⃣ 블로그 관리 > 꾸미기 > 스킨 편집.. 2024. 11. 29. 티스토리 서식 사용 방법 적용하기 티스토리 블로그 운영시 각 블로그마다 자주 쓰게 되는 문구나 레이아웃이 있텐데, 오늘 이 글에서는 그러한 본인만의 서식을 미리 설정하는 방법을 알려드리고자 합니다. 저만 따라오세요~ 서식 만드는 방법 1️⃣ 블로그 관리 > 콘텐츠 > 서식 관리 클릭 2️⃣ 서식 쓰기 클릭 3️⃣ 원하는 서식 제목 및 내용 작성 서식 적용 방법 1️⃣ 글쓰기 > 우측 상단 점 세개 > 서식 클릭 2️⃣ 적용하고 싶은 서식 클릭 결과물쨘~ 이렇게하면 서식 생성 및 적용할 수 있습니다 :)u { text-decoration:none; border-radius: 30px; font-weight: normal; color: #000; background: linear-gradient(to top, #f.. 2024. 11. 28. 티스토리 블로그 이름 옆 아이콘 (파비콘) 적용하는 방법 나의 티스토리 블로그를 좀 더 사람들에게 각인시키고 싶으신 분 계시나요? 그렇다면 파비콘을 설정하시는 걸 추천하면서 적용 방법을 알아보도록 하겠습니다. 파비콘이란? 파비콘(Favicon)dms "favorites icon"의 줄임말로, 웹사이트를 대표하는 작은 아이콘입니다. 주로 브라우저의 탭에 표시되기 때문에 사이트를 쉽게 인식할 수 있는 네임택같은 역할을 합니다. .ico 파일 전환 사이트 추천 1️⃣ 만들어 놓은 파비콘 디자인을 준비 (되도록이면 png파일로 준비)2️⃣ ico파일로 전환 후 저장 ico 파일 전환 사이트에 바로가기 클릭 Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly genera.. 2024. 11. 23. 티스토리 블로그 포스팅 제목 배경 흐리게 블러처리하기 티스토리 블로그에 글을 올릴 때, 포스팅 제목 배경 사진에 제목이 잘 안 보이는 것이 거슬리셨나요? 그렇다면 잘 찾아오셨습니다. 아주 간단한 방법으로 포스팅 제목 배경을 흐리게 만들 수 있는 방법을 알아보겠습니다. 이 방법을 통해 제목을 더 잘 보이게 해서 블로그의 디자인을 개선할 수 있길 바랍니다. 저만 따라오세요~! 1️⃣ 관리 > 꾸미기 > 스킨 편집 클릭 2️⃣ html 편집 클릭 3️⃣ css > ctrl+f 로 cover:before 검색해서 .post-cover:before 찾기 4️⃣ 맨 아래 줄에 한 줄 추가하기backdrop-filter: blur(원하는 숫자px); 원하는 숫자 px라는 것은 px 사이즈를 말합니다. px 숫자가 높아질수록 더 짙게 블러처리가 됩니다. 저는 3p.. 2024. 9. 9. 티스토리 글 밑줄 형광펜 효과 생성 티스토리 포스팅 글에 특별한 형광펜 효과를 주고 싶으신가요? 그렇다면 제가 간단하게 알려드리겠습니다! 천천히 잘 따라오세요~ 전/후 저는 밑줄과 취소선을 형광펜으로 커스터마이즈 해봤습니다. 밑줄 형광펜 효과를 적용할 속성 찾는 방법 일단, 밑줄을 칠 문장 혹은 단어의 속성을 찾아야합니다. 저는 예시로 '비공개' 이 문장에 형광펜을 칠하고자 합니다. 1️⃣ 개발자 도구 열어서 문구 찾기 1️⃣-1️⃣ 개발자 도구 여는 방법윈도우: F12 / 맥: command(⌘) + option(⌥) + i 1️⃣-2️⃣ 문장 찾기 ctrl + f 또는 command(⌘) + f 로 '비공개' 찾기 혹은, 위 사진 동그라미 친 부분(마우스)을 클릭하고 문장 클릭하면 개발자 도구에 뜹니다. 개발자 도구에 뜨는 걸 보.. 2024. 9. 6. 티스토리 인용구 꾸미기 인용구 속성코드 찾기 아래 포스팅에서 적어놓았습니다. 먼저 보고 오시는 걸 추천합니다. 인용구 속성 코드 찾는 방법 블로그 인용구 왼쪽 바 색상 변경 border-color를 원하는 색상으로 설정 블로그 인용구 글자 색상 변경 color를 원하는 색상으로 설정 블로그 인용구 글자 사이즈 변경 font-size를 원하는 사이즈로 설정 인용구 padding 변경 padding을 원하는 사이즈로 설정 인용구 왼쪽 바 두께 변경 border-width를 원하는 두께로 설정 인용구 밑줄 삽입 및 색/두께 변경 border-bottom을 원하는 두께로 설정 border-bottom 숫자는 밑줄 두께를, solid 옆에 숫자는 색상을 나타냅니다. 인용구 바 padding 간격 변경 padding을 원.. 2024. 9. 6. 티스토리 블로그 카테고리 추가 및 사이드바 설정 티스토리 블로그를 간간히 운영하면서 이것저것 더 많은 종류의 글을 쓰고 싶어 졌습니다. 그래서 다양한 주제를 카테고리로 만들고, 블로그 홈페이지 사이드바에 카테고리를 추가했습니다. 이 글을 통해서 사이드바에 카테고리를 추가해서 블로그의 가독성을 높이고, 방문해 주는 분들이 더 쉽게 필요한 정보를 제공할 수 있도록 하는 방법을 알아보겠습니다! 쉬우니까 천천히 따라오세요~ 블로그 카테고리 추가 1. 관리 > 콘텐츠 > 카테고리 관리로 가서 카테고리 추가2. 변경사항 저장 잊지 말고 클릭!3. 카테고리별 글 수를 표시합니다 로 변경4. 변경사항 저장 잊지 말고 클릭! 블로그 사이드바 설정 1. 관리 > 꾸미기 > 사이드바 로 이동 2. 기본 모듈에서 사이드바 1(혹은 원하는 사이드바)로 카테고리 드래그해서 .. 2024. 8. 26. 티스토리 블로그 글씨체 변경하는 방법 티스토리 블로그 개설하고 이것저것 써보고 알아보다가 티스토리는 HTML, CSS 코드 변경을 할 수 있다는 것을 알게 되었습니다. 그래서 글씨체를 변경하는 방법을 간단히 알게되었습니다. 저만 따라오세용~ 변경할 글씨체 고르기 변경할 글씨체는 어디서 골라오냐면, 눈누에서 선택합니다! 1️⃣ 눈누 홈페이지에 접속하기https://noonnu.cc/ 눈누상업용 무료한글폰트 사이트noonnu.cc 2️⃣ 눈누 홈페이지에서 원하는 글씨체/폰트 선택하기눈누 홈페이지에 접속하면 위와 같이 다양한 폰트를 확인할 수 있습니다. 해당 폰트가 어떻게 쓰여질지에 잘 모르겠다면, 원하는 문장을 해당 폰트 이름 아래에 직접 입력해서 볼 수 있습니다. 3️⃣ 해당 폰트/글씨체 속성 복사하기저는 Line Seed라는 폰트를 블로그.. 2024. 4. 11. [티스토리] 티스토리 꾸미기 스킨 편집하기 티스토리는 HTML, CSS를 편집할 수 있습니다. 개발자로서 꽤나 흥미로운 부분이죠! 제가 원하는대로 스킨을 편집할 수 있으니까요ㅎㅎ 그래서 스킨 편집을 하고싶으신 분들을 위해 입문용으로 써볼까 합니다.* 앞으로 계속 추가할 예정입니다😄 스킨 편집하는 방법 1️⃣ 블로그 관리 > 꾸미기 > 스킨 편집 하기 2️⃣ 편집을 원하는 카테고리 선택 하기저는 포스팅 글을 꾸미고 싶어서 '글'을 선택했습니다. 3️⃣ html 편집하기 4️⃣ CSS 선택하기 여기까지 따라오셨으면, 반은 끝난겁니다!그리고 앞으로 블로그 꾸밀 때 이 CSS에서 꾸밀 것이기 때문에 기억해주시는게 좋습니다 :)CSS 스킨 편집 활용 2024. 4. 10. [티스토리] 티스토리 블로그 만드는 방법 개설하는 방법 스텝이 많아서 어렵게 느껴질 수 있으나, 차근차근 따라 하면 어렵지 않으니까 저만 믿고 따라오세요! 티스토리 블로그 개설 방법 1️⃣ 티스토리 홈페이지에 접속한 후에 시작하기를 클릭https://www.tistory.com/ Tistory좀 아는 블로거들의 유용한 이야기www.tistory.com 2️⃣ 계정 만들기저는 티스토리 계정이나 카카오 계정이 없기 때문에 카카오계정으로 티스토리 시작하기를 선택했습니다. 필수는 꼭 선택하고, 저는 카카오톡으로 메세지도 받고 싶어서 모두 선택을 했습니다. 하지만 광고 메세지를 수신하고 싶지 않다면 필수만 선택하고 다음으로 넘어가셔도 좋습니다. 3️⃣ 블로그 스킨 선택하기이제 본인의 블로그를 만들기 위한 스킨을 선택할 수 있습니다. 옆에 화살표를 클릭하며 원하는 스킨.. 2024. 4. 10. 이전 1 다음 반응형
