본문 바로가기
728x90

티스토리14

티스토리 블로그 다른 글의 목차 불러오는 방법 글이 짧은 경우엔 자동 목차를 생성하는 javascript를 사용해서 해당 글의 목차를 생성하기도 합니다. 하지만 글이 연재형식으로 이뤄져서 여러 개의 블로그 글로 나뉠 경우, 현재 보고 있는 글이 어느 위치에 해당하는지 알기가 힘듭니다. 그래서 연재하는 글의 전체 목차를 별도의 글로 둔 상태에서 다른 연재글에서 목차 글을 Jquery로 불러와서 보여주는 방식을 소개하려고 합니다. 목차 반영한 결과 87번 글에서 86번 글의 목차 부분을 불러왔습니다. 목차를 클릭하면 목차를 펼쳐서 보여줍니다. 목차글에 태그 추가 목차글을 작성합니다. 필요한 경우 a 태그로 링크를 걸어줍니다. HTML 모드에서 다른 글에 보여줄 부분을 div 태그로 감싸줍니다. 3번째 줄에 41번째 줄에 를 추가했습니다. 연재글에 목차 .. 2023. 5. 7.
블로그 글에서   삭제해도 사라지지 않는 문제 복사 붙여넣기로 글을 작성하면 이라는 특수문자가 문장에 생기는 문제를 경험해보았을 것입니다. 이런 경우, 를 삭제해야 한다고 하지만, 모든 경우에 를 삭제해야 하는 것은 아닙니다. 예를 들어, "오늘 날씨가 좋다"처럼 문장 사이의 는 "오늘 날씨가 좋다"로 수정이 필요하지만, " "와 같이 태그안에 만 있는 부분은 수정하지 않아도 됩니다. 예시 내용을 복사해서 붙여넣은 후 상단의 "기본모드"를 "HTML"로 변경해서 보면 가 생깁니다. 이 내용을 메모장에 붙여넣고, Ctrl-H로 " "를 " "로 "모두 바꾸기" 해줍니다. 메모장의 내용을 티스토리에 붙여넣고, "기본모드"로 변경했다가 "HTML"로 변경하면 "오늘 날씨가 좋다"에 있던 는 사라졌지만 " "의 는 다시 보입니다. 이 부분은 무시하셔도 됩니.. 2023. 5. 7.
티스토리 블로그 개설 후 해야할 것 처음 티스토리 블로그를 개설하고 글을 쓰다 보면 어떻게 알고 들어왔는지 가끔 한두 명 들어올 뿐 방문자가 거의 없어서 막막할 때가 있습니다. 구글 애드센스 승인을 받는다 해도 한두 명 방문으로 수익을 내긴 힘들 테니까요. 검색 유입을 위한 기본 세팅 애드센스 승인을 받기 위해 하루 2개씩 글을 써나가면서도 '또 뭘 해야 방문자가 늘지?' 고민하게 되는데, 아래의 블로그에서 정리를 잘해둔 것 같아 퍼왔습니다. https://blog.naver.com/l2cache/223051840580 티스토리 블로그 검색 유입을 늘리기 위한 필수 설정 10가지 안녕하세요 여행블로거 겸 수출전문가 Ace입니다. 이번 강좌에서는 티스토리 블로그 검색 유입을 최대한 ... blog.naver.com 이 블로그 글을 보면서 저.. 2023. 5. 5.
티스토리 블로그에 브레드크럼 추가하기(북클럽 스킨) 브레드크럼(Breadcrumb)은 웹 페이지 내에서 사용자의 현재 위치를 알려주는 내비게이션 요소입니다. 브레드크럼은 대개 페이지 상단 부분에 위치하며, 각각의 구성 요소는 클릭 가능한 링크로 이루어져 있습니다. 브레드크럼의 형태는 다양하지만, 대체로 다음과 같은 형식으로 구성됩니다. 홈 > 카테고리 > 서브카테고리 > 페이지명 브레드크럼은 사용자에게 현재 위치를 알려주는 것 외에도, 사이트 내 이동 경로를 보여주는 역할을 하며, 검색 엔진 최적화(SEO)에도 도움을 줍니다. 브레드크럼은 구조화된 데이터 형태로 마크업할 경우 구글 등 검색 엔진이 이를 인식하여 검색 결과에 브레드크럼이 포함될 수 있습니다. 사용자 경험 측면에서도 브레드크럼은 중요한 역할을 합니다. 사용자가 현재 어디에 위치해 있는지 알기.. 2023. 5. 5.
티스토리 블로그 썸네일 만들기 | 미리캔버스 미리캔버스는 유튜브나 블로그 운영을 하는 사람들이 많이 사용하는 웹 캔버스 서비스입니다. 예전에 유튜브 썸네일을 만들려고 사용해 본 적 있는데, 당시에는 왜 미리캔버스를 추천하는지 진가를 알아보지 못했었습니다. 최근에 블로그 썸네일을 만들기 위해 다시 사용하게 되었는데, 왜 "미리캔버스 미리캔버스" 하는지 알게 된 것 같습니다. 미리캔버스에서 썸네일 만들기 1. 미리캔버스 사이트 회원가입 및 로그인 https://www.miricanvas.com/ 디자인 플랫폼 미리캔버스 디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요. www.miricanvas.com 2. "바로 시작하기"를 클릭합니다. 3. 파일, 설정 옆에 있는 메뉴를 누르고, "직접 입력.. 2023. 5. 4.
블로그 강의 추천 | 이사양잡스 당신의 블로그 개발 노하우를 업그레이드할 수 있는 유용한 정보들을 제공하는 이사양잡스의 유튜브 채널을 추천합니다. 디지털 노마드라는 새로운 삶의 방식에 대한 영감과 직장에서 벗어나 여행과 일을 동시에 즐길 수 있는 팁도 함께 알려드립니다. 저는 블로그 초짜입니다 저는 블로그 초짜입니다. 한 때는 '사람들이 왜 이렇게 정성스럽게 글을 써서 블로그에 올리지?' 생각하던 때도 있었습니다. 원래 하려던 것의 과정을 기록으로 남기는 거라고 해도 화면을 캡처하다 보면 별생각 없이 하는 것보다 버겁게 느껴지기도 하니까요. '정말 돈이 될까?'라는 궁금증으로 시작했지만, 하다보니 꽤 재미를 느끼게 되었습니다. 아침에 눈뜨면 블로그할 생각에 설레고, 잠을 자는 시간이 아까워 늦게 자고 싶을 정도입니다. 블로그에 글을 올.. 2023. 4. 30.
블로그에 유튜브 배경화면 적용하기 블로그에 유튜브 배경화면을 적용하는 방법에 대해 알아보겠습니다. 블로그를 운영하면서 보기 좋은 디자인과 효과적인 내용 전달이 중요합니다. 그 중에서도 동영상 배경화면은 화려하면서도 감각적인 효과를 연출할 수 있어 많은 사용자들이 선호하는 방법 중 하나입니다. 이번 글에서는 간단한 소스코드를 사용해 블로그에 유튜브 배경화면을 적용하는 방법을 소개하겠습니다. 예제 실행 및 결과물 확인 See the Pen youtube-background by imissrose (@imissrose) on CodePen. 소스 분석 위의 코드는 티스토리 블로그에 유튜브 배경화면을 적용하는 코드입니다. 코드를 하나씩 살펴보겠습니다. 우선 JQuery 라이브러리를 로드하는 코드입니다. JQuery는 자바스크립트 라이브러리로, .. 2023. 4. 29.
티스토리 블로그 사이드바에 여러개의 광고 배치하기(배너 출력 플러그인) 티스토리 블로그 사이드바에 여러 개의 광고 배치하기 티스토리 블로그에서 광고 수익을 늘리기 위해 사이드바에 광고 배치를 고려하는 경우가 많습니다. 하지만 하나의 광고만 배치하다 보면 광고 수익을 높이기 어려울 수 있습니다. 이런 경우 배너 출력 플러그인을 활용하여 여러 개의 광고를 사이드바에 배치할 수 있습니다. 이번 글에서는 배너 출력 플러그인을 이용해 티스토리 블로그 사이드바에 여러 개의 광고를 배치하는 방법을 알아보겠습니다. 다음은 최종 결과물입니다. 우측 사이드바에 배너 광고가 2개 보입니다. 티스토리 블로그 사이드바 광고 활성화 1. 티스토리 관리자 화면 좌측 메뉴에서 "수익 > 애드센스 관리"를 클릭하고 광고 설정에서 "사이드바"를 클릭하여 사이드바 광고를 활성화합니다. 2. 티스토리 관리자 .. 2023. 4. 28.
반응형

티스토리툴바