flute_Blog19

• 

  HTML 테두리 글상자 만들기 텍스트박스 블로그에 포스트를 작성할 때 HTML 테두리 넣기나 HTML 글상자 또는 텍스트박스(text box)를 이용해서 글을 쓸 수 있습니다. 이 글은 그러한 HTML 글상자 만들기 방법과 설정할 수 있는 세부 옵션들을 정리한 글입니다. 티스토리 블로그에는 에디터 기능 중 '인용' 항목이 있습니다. 여기에는 아래 화면과 같이 자체적으로 텍스트박스를 자동으로 넣는 항목이 있습니다. 이 기능을 선택하면 현재 티스토리 내 스킨에 설정되어 있는 디자인의 글박스 형식이 적용됩니다. 실제 적용한 상태는 아래와 같습니다. 인용 항목의 글박스를 선택하여 작성한 상태 다만 이 모양은 스킨에 설정되어 있는 모양으로 본인이 사용하는 스킨에 따라 다른 모양으로 나타납니다. 또한 이 기능을 사용하면 위와 같이 기존 설정된 한가지 모양.. flute_Blog 2023. 2. 19.

• 

  티스토리 스킨 적용 장애 상태 2022년 10월 15일 토요일 오후 3시 33분 경기도 성남의 판교 데이터 센터에서 화재가 발생하였습니다. 이로 인해 카카오 계열 서비스가 일시 중단되었고 순차적 복구 중이나 티스토리 스킨 적용은 아직도 불가한 상황입니다. 이 글은 현재인 2022년 10월 18일 화요일 오전 시점으로 작성되었으며, 이번 사태의 현재까지 진행 상황 및 현상태에 대한 티스토리 위주의 정리 및 기록 목적의 글입니다. 2022년 10월 15일 15시 33분 화재 발생, 당일 23시 46분 완진 카카오톡 15시 12분경부터 오류 발생 시작 사실 블로그 기능이 완전히 돌아오고 나서 포스팅을 할까도 했지만 기약이 없을 것 같아서 그냥 포스팅을 하기로 하였습니다. 아직 스킨뿐만 아니라 이미지도 간헐적으로 엑박이 뜨는 등 여러모로 불.. flute_Blog 2022. 10. 18.

• 

  티스토리 블로그 HTML 편집 들어가는 법 이 글은 티스토리 블로그 스킨 수정을 위한 HTML 및 CSS 편집 항목에 접근하는 방법에 대한 과정 설명입니다. 티스토리 블로그는 스킨을 직접 적용하고 수정하는 것이 가능합니다. 또한 스킨의 HTML, CSS 코드를 직접 수정하는 것도 가능합니다. ⏯️ HTML 및 CSS에 대한 기본 개념 요약은 [참고글] HTML CSS 기본 개념 👈 이 글을 참고 바랍니다. 블로그 관리 메뉴 일단 티스토리 블로그 관리 페이지에 접근해야 하는데 이것은 두 가지 방법이 있습니다. ① 위 화면처럼 티스토리 메인 페이지에서 우상단 프로필 이미지를 눌러 나오는 메뉴에서 관리하고 싶은 블로그 오른쪽의 ⚙(톱니바퀴) 아이콘을 누르기 ② 위 화면의 맨 아랫줄에 보이는 주소처럼 '관리할 블로그 주소/manage'를 직접 인터넷 주.. flute_Blog 2022. 10. 9.

• 

  HTML CSS 기본 개념 블로그를 운영하다 보면 HTML 및 CSS 코드 수정을 통한 스킨의 편집이 필요한 경우가 생기게 됩니다. 이 글에서는 HTML과 CSS의 기본적인 개념에 대해서 간단히 정리하고 가고자 합니다. 블로그 스킨 수정에 대한 수많은 글들이 지금 이 순간에도 발행되고 있습니다. 또한 이 블로그에도 스킨 편집을 위한 각 코드 수정을 하는 방법을 다루는 글들이 포스팅된 바 있습니다. 그렇기에 이에 대해 기본적인 개념을 먼저 알아두면 도움이 될 것으로 생각됩니다. 참고로 너무 자세하게 다루지는 않고 핵심만을 간결하고 보기 쉽게 정리해 보려 합니다. ​ HTML HTML은 HyperText Mark-up Language의 약자로 웹사이트 또는 웹페이지 구조나 내용을 나타내기 위한 마크업 언어입니다. 여기서 마크업 언어(.. flute_Blog 2022. 10. 7.

• 

  CSS 표 여백 변경 이 글에서는 블로그 등 웹페이지에 적용된 스킨의 CSS 항목을 수정하여 글 작성 시 이용되는 '표(table, 테이블)'의 안쪽 및 바깥쪽 여백을 조정하는 방법에 대해 설명하겠습니다. 블로그 등을 운영하며 스킨을 직접 적용하여 사용하다 보면 스킨에 적용된 표의 방식을 수정하고 싶은 경우가 있습니다. 이 글은 현재 시점 현 블로그에 적용된 스킨인 Mynem Skin V2.7.0을 기준으로 작성되었습니다. (참고로 현시점 기준 해당 스킨은 무료 배포되고 있습니다.) 해당 스킨을 기본 세팅으로 사용하며 표 작성 시 표 안쪽 여백의 상하가 일치하지 않고 좌우 여백이 없으며, 표 바깥쪽 여백 또한 상하가 일치하지 않는 상황이었습니다. 이로 인해 포스팅 시에 다소 불편함이 야기되는 부분이 있어 조정을 진행하기로 하.. flute_Blog 2022. 10. 6.

• 

  CSS 밑줄 모양 변경 ❔ "블로그 글 작성 시 밑줄 물결 또는 밑줄 점선 모양으로 보이는 것은 블로그 설정을 어떻게 변경해야 할까?" ❓ 티스토리 블로그는 스킨을 자유자재로 변경 가능하며 스킨 편집 메뉴에서 HTML 및 CSS 또한 자유롭게 변경하여 사용할 수 있습니다. 이 중에는 밑줄 모양 변경도 포함됩니다. 글 작성자는 포스트 본문 글을 작성할 때 필요에 따라 밑줄 기능을 사용하여 강조하고 싶은 내용을 표시하곤 합니다. 기본적으로는 얇은 실선의 밑줄이 글자 아래에 나타나지만 CSS의 해당 항목을 변경하면 밑줄을 물결이나 점선 모양 등으로 변경하고 두께 또한 조정하는 것이 가능합니다. 참고로 현재 시점 현 블로그에 적용되어있는 스킨은 무료 배포되고 있는 Mynem Skin V2.7.0입니다. 해당 스킨은 기본적으로 밑줄이 .. flute_Blog 2022. 10. 3.

• 

  SEO 위한 티스토리 블로그 포스트 주소 문자 변경 Google 검색 센터에는 '검색엔진 최적화(SEO) 기본 가이드'라는 문서 페이지가 있습니다. 이는 Google에서 권장하는 SEO(Search Engine Optimization)를 위한 사항들입니다. 이를 통해 Google 검색엔진의 사이트 콘텐츠 크롤링 및 색인 생성과 이해에 도움이 될 수 있다고 제시하고 있습니다. 검색엔진 최적화란? (SEO란?) 검색엔진이 콘텐츠를 이해하고 제공하도록 돕는 것 이 가이드는 상당히 쉽게 검색 가능합니다. 구글 기본 페이지에서 그대로 검색 시 최상단에 뜨게 됩니다. 클릭하여 들어가 내용을 확인 가능합니다. 상당히 장문이지만 매우 유용한 내용이 담겨 있습니다. 그중 게시물의 URL에 대한 부분이 오늘 포스트의 주소를 문자로 변경한 원인이 되는 부분입니다. URL에 .. flute_Blog 2022. 10. 1.

• 

  티스토리 블로그 폐쇄 방법 티스토리는 블로그 체험단 등의 부업이나 재택 알바 또는 투잡으로 블로그 수익을 노리며 운영하는 경우가 많은 곳으로 계정 당 최대 5개의 블로그를 동시에 운영 가능합니다. 만약 이미 5개 전부 생성되어있는 상태라면 새로운 블로그를 생성하고 싶을 경우 기존의 5개 중 하나를 폐쇄하고 나서 바로 새로운 블로그를 생성하는 것이 가능해집니다. 폐쇄 및 재생성의 이유 굳이 기존 블로그들 중 하나를 폐쇄하고 새로운 블로그를 생성하는 이유 중에는 블로그 주소도 큰 지분을 차지할 것입니다. 원래 티스토리는 과거에는 기본 1차 주소를 횟수 상관없이 자유롭게 변경 가능했었습니다. 그러나 2017년 4월 17일 자로 변경하지 못하게 정책이 바뀌었습니다. 그렇기 때문에 본인이 원하는 주소가 있다면 기존 블로그들 중 방치되어 있.. flute_Blog 2022. 9. 30.

• 

  FastBoot 1.6.2 반응형 스킨 HTML/CSS 편집 메뉴 들어가기 카테고리 내 이전 글에서는 FastBoot 1.6.2 반응형 스킨을 티스토리 블로그에 적용시키는 방법을 포스팅했습니다. 해당 글은 본문 ↓ 최하단 ↓ 의 '카테고리의 다른 글' 목록을 참고 바랍니다. 이 글에서는 적용시킨 FastBoot 1.6.2 반응형 스킨을 자신의 구미에 맞게 커스터마이징을 하는데 반드시 필요한 메뉴인 HTML/CSS 수정 항목에 접근하는 방법을 다루도록 하겠습니다. 참고로, HTML (HyperText Markup Language)은 간단히 페이지의 전반적인 뼈대를 맡는 항목이라고 보면 됩니다. CSS (Cascading Style Sheets)는 페이지의 스타일 즉 꾸미기를 맡는 항목이라고 보면 됩니다. 배경색, 글꼴, 너비 및 높이, 위치 등의 조정이 여기에 해당되며, 브라우저.. flute_Blog/FastBoot 2017. 9. 2.

• 

  티스토리 블로그 반응형 모바일 스킨 적용 블로그 관련 이전 글에서 FastBoot 카테고리 내에 FastBoot 1.6.2 반응형 스킨 설치 방법 (←링크) 을 포스팅한 바 있습니다. 참고로 반응형 스킨이라 함은 데스크탑, 모바일 모두에서 그때그때 각각의 환경에 적합하게 맞춤형으로 변형되어 적용되는 스킨입니다. 즉, 보통 모바일 스킨으로도 사용하기를 원하여 적용시키는 경우가 대부분입니다. 그러나 티스토리 블로그는 기본 설정상 티스토리용 모바일웹 스킨이 따로 적용되도록 세팅되어 있습니다. 그렇기 때문에 이전 글에서 진행한 반응형 스킨 설치 단계만을 완료한 상태에서는 모바일 스킨이 적용되지 않는 것을 발견하게 됩니다. 아래는 FastBoot 1.6.2 반응형 스킨을 적용 후, 데스크탑 브라우저로 접속 시의 화면입니다. 아래는 모바일 브라우저로 접속.. flute_Blog 2017. 7. 22.

• 

  FastBoot 1.6.2 반응형 스킨 설치 방법 FastBoot v1.6.2는 현재 시점 이 블로그에도 적용 중인 반응형 스킨입니다. 꽤 만족스럽게 사용 중이기 때문에 새로 개설한 블로그에도 이 스킨을 적용하여 이용하기로 결정했습니다. 그러나 전체적인 디자인은 현재 이 블로그와 다르게 수정하여 이용할 예정이므로 일단 처음에는 프로토타입의 원작자의 배포 파일을 적용시키기로 했습니다. 사실 이 블로그에 처음 이 스킨을 적용시킬 당시에는 이 블로그 자체가 혼란의 카오스 상태였기 때문에 스킨의 적용과 수정 과정을 차근차근 기록할 여유가 없었습니다. 이제 새 블로그에서 FastBoot 반응형 스킨 적용을 제로부터 시작하게 되었으니, 스킨의 적용과 커스터마이징 과정을 단계적으로 하나하나 정리해가며 기록해나가려고 합니다. 이 글에서는 최초 단계인 FastBoot .. flute_Blog/FastBoot 2017. 6. 19.

• 

  네이버 웹마스터도구 사이트 등록, RSS 네이버 블로그가 아닌, 일명 '외부 블로그'를 NAVER에서 검색되도록 하려면? 답은 '네이버 웹마스터도구'입니다. 물론 네이버 웹마스터도구로 블로그를 등록하지 않았는데도 작성한 글이 네이버에서 잘 검색되고 있다면 별다른 설정을 하지 않아도 됩니다. 그러나 만약 해당 블로그의 글 중 네이버 검색에서 누락된 글이 발생했을 때 그 글을 검색 반영 요청하려면 결국 네이버 웹마스터도구를 통해야 합니다. 물론 이것은 네이버 블로그가 아닌, 티스토리 등의 외부 블로그에 해당되는 경우입니다. 참고로 네이버 블로그의 경우라면 게시글의 검색 누락이 발생 시 네이버 고객센터 내 검색 반영 항목을 이용합니다. [연관글] 네이버 검색 누락, 해결은 웹마스터도구 뿐이었다 사이트 등록하기 NAVER 검색창에 '웹마스터도구'를 검.. flute_Blog 2017. 3. 23.