스킨 편집7 티스토리 블로그에 개인 도메인 연결하기 블로그를 운영하다 보면 티스토리처럼 자유도가 높은 플랫폼을 활용할 경우, 개인 도메인을 연결함으로써 블로그의 전문성과 신뢰도를 높이는 효과를 기대할 수 있습니다. 이번 기회에 가비아에서 등록한 도메인을 티스토리 블로그에 연동하는 과정에 대하여 알아보도록 하겠습니다.가비아 도메인 알아보기 1. 개인 도메인 사용 시 장점과 단점개인 도메인은 블로그의 외형뿐 아니라 본질적인 가치를 높이는 자산으로 단점도 존재하지만 대부분은 일시적이거나 충분히 해결 가능한 수준이며, 장기적으로 브랜드화나 수익화를 생각하고 있다면 개인 도메인을 사용하는 것이 좋습니다.항목장점단점신뢰도브랜드 이미지 상승없음소유권독립 도메인 소유 가능연간 도메인 비용 발생SEO검색 노출 최적화 가능검색 유입 일시 감소 가능확장성다른 플랫폼 이전도 .. 2025. 5. 3. 티스토리 도메인 연결 후 블로그가 로그아웃 상태로 보이는 이유 가비아에서 도메인을 구입한 후 티스토리 블로그에 연결하여 티스토리 관리자 모드의 블로그 주소가 새로 연결한 도메인 주소로 바뀌었는데, 이것을 클릭했을 때 로그아웃된 상태로 블로그가 열리는 현상은 티스토리 시스템 구조상 정상적인 동작입니다. 현상 요약· 관리자 모드에서 블로그 주소 클릭 시 → 새로 연결한 개인 도메인으로 이동됨 · 그 주소에서는 로그인 상태가 유지되지 않고, 일반 방문자처럼 로그아웃된 상태로 보여짐1. 로그아웃되는 이유는?❶ 로그인 세션(cookie)의 유효 범위는 tistory.com 도메인에 한정됨티스토리에 로그인하면, 로그인 정보(세션)는 *.tistory.com 도메인에만 유효합니다. nomadidea.tistory.com에서 로그인하면 그 로그인 쿠키는 tistory.com .. 2025. 5. 3. 티스토리 블로그 최근글 인기글 위치 바꾸기 티스토리 블로그의 사이드바에 위치한 최근글과 인기글 탭은 기본적으로 최근글이 노출되어 있습니다. 옆에 있는 인기글 탭을 클릭하게 되면 최근글은 감춰지고 인기글이 표시되는 구조입니다. 이 경우 메인 목록의 최근글과 내용이 겹쳐 메인 페이지 전체가 중복되는 현상이 생깁니다. 이때 최근글 탭과 인기글 탭을 서로 바꿔주면 전체적으로 중복되는 내용이 줄어드는 효과로 인해 메인페이지가 좀 더 충실하게 보일 수 있습니다. 티스토리 html코드의 위치를 서로 변경하여 최근글과 인기글의 순서를 바꾸는 방법에 대하여 알아보겠습니다.위치 바꾸기 최근글과 인기글의 순서를 바꾸기 전 후 미리 보기 티스토리 블로그 관리 페이지 좌측 메뉴의 꾸미기에서 스킨 변경을 클릭합니다. 사용 중인 스킨에서 보관을 클릭합니다. 스킨 보관에서 .. 2025. 4. 29. 티스토리 다크모드 블로그 글 읽기 페이지에만 적용하기 티스토리 블로그 다크모드 작성하기모니터의 눈부심을 방지하기 위해 티스토리 블로그 전체에 다크모드를 적용할 수도 있습니다. 그러나 다크모드는 관리하기도 힘들고 여러 가지 오류가 많이 발생하기 때문에 블로그 전체를 다크모드로 만들기에는 약간의 제약이 있습니다. 다크모드를 싫어하는 방문자도 있기에 블로그 전체를 다크모드로 만들기보다는 특정한 페이지, 예를 들면 사진 앨범과 같이 몰입감이 필요한 페이지만 다크모드를 적용시켜 블로그는 일반 모드로 편안하게 보고 특정한 페이지만 강조해서 보는 효과를 얻을 수 있습니다.@ 노마드이데아▲ 다크모드에 맞는 투명이미지 아래의 링크를 클릭하시면 다크모드가 적용된 페이지를 보실 수 있습니다. 클릭한 후 글 읽기 페이지에 다크모드가 어떻게 적용되었는지 먼저 확인해 보시기 바라겠.. 2025. 3. 11. 티스토리 북클럽 스킨 서치아이콘 사각형 배경색 없애기 ® 티스토리 블로그 Book Club 스킨 편집서치아이콘 하부에 있는 사각형 모서리를 둥글게 만들기 티스토리 블로그 북클럽 스킨에서 아래 1번의 그림처럼 서치아이콘을 클릭한 후 드롭다운 메뉴에 마우스를 가져가면 검색어 입력창이 줄어들면서 사각형 모양을 유지하는 것을 볼 수 있습니다. 이 정사각형을 원으로 바꾸는 방법에 대하여 알아보겠습니다. 예제 미리 보기검색어 입력란 수정 전검색어 입력란 수정 후 ❶ 아래의 그림은 마우스를 드롭다운 메뉴에 올렸을 때 사각형 윤곽이 나타나는 모습입니다. ❷ 아래의 코드를 복사합니다.❸ 아래 코드를 드래드 하여 복사해도 되고 코드블록을 클릭하여 복사해도 됩니다.#header .util .search input { ❹ 마우스를 코드블록 위로 올리면 복사 버튼이 나타납니다.. 2025. 3. 3. 티스토리 Poster스킨 제목과 본문 사이 간격 줄이기 Poster 스킨 제목과 본문 간격 줄이는 방법티스토리에서 Poster 스킨을 사용할 때 제목과 본문 사이의 간격이 너무 넓어 보일 수 있습니다.✏️ 이 간격을 줄이려면 CSS 수정이 필요합니다. 티스토리에서는 직접 HTML/CSS를 수정할 수 있으므로, 몇 가지 방법을 적용하면 쉽게 조정할 수 있습니다. 아래의 그림과 같이 티스토리 Poster 스킨은 글 제목과 본문(파란색막대) 사이의 간격이 너무 벌어져 있어서 여백의 미를 느끼기 보다는 산만한 느낌을 주고있습니다. 이 부분이 보기에 거슬려서 간격을 줄여보도록 하겠습니다.@ 노마드이데아▲ 티스토리 Poster 스킨글 제목과 본문사이의 간격 확인 nomadidea ✔ 크롬에서 Poster 스킨 블로그의 최근 게시글에 들어가 F12키를 눌러 개발자 모드를.. 2025. 2. 22. 밑줄로 형광펜 효과 만들기(티스토리) 티스토리에서 형광펜 효과 넣는 법블로그를 보면 가독성을 높이기 위해 형광펜 효과를 적용하는 경우가 있습니다.이것보다는 밑줄이 좀 더 두꺼운 형태로 글자를 포함하는 상태가 보기 좋습니다. 이처럼 글자 배경색은 그대로 두고 밑줄을 쳤을 때 형광펜 효과가 나타나도록 설정하는 방법에 대하여 알아보겠습니다.@ 노마드이데아▲ 눈에 띄는 형광펜 색상글작성을 완료하면 형광펜 효과가 나타납니다.◾티스토리 블로그 관리에서 스킨 편집에 들어간 다음 "html 편집"을 클릭합니다. ◾문제 발생 시 직접 수정해야 한다는 안내창이 나타납니다. "확인"을 클릭합니다. ◾상단에 있는 HTML옆에 있는 "CSS"를 클릭합니다. ◾CSS편집창 맨 아래에 아래의 코드를 복사하여 "붙여 넣기"합니다./* 형광펜 효과 */ u { te.. 2025. 2. 14. 이전 1 다음 728x90 반응형