본문 바로가기

티스토리24

[티스토리]콘솔 메시지 initHighlightingOnLoad() 해결 방법 티스토리 콘솔 메시지가 아래와 같이 표시될 때가 있다. Deprecated as of 10.6.0. initHighlightingOnLoad() is deprecated. Use highlightAll() instead. 원인highlight.min.js 사용시 이렇게 함수를 호출하는데 해당함수는 구식함수이기 때문이다. 공식문서에는 아래처럼 사용하라고 안내한다.  참고https://highlightjs.org/#news-142 highlight.jsUsage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, a.. 2024. 5. 8.
[잡담]티스토리 댓글 이벤트 카카오 프렌즈 춘식이 다이어리 세트 당첨 후기 티스토리 댓글이벤트에 당첨돼서 카카오프렌즈 2024년 다이어리 세트를 받았습니다. 감사의 마음으로 후기 남깁니다. https://notice.tistory.com/2662 [마감] 댓글로 고마운 마음 전하고 카카오프렌즈 다이어리 받으세요 📒 안녕하세요. 티스토리팀입니다. 꼼꼼한 맛집 리뷰로 맛있는 한 끼를 보장해 준 블로그, 놓치면 안 될 영화의 관전 포인트만 콕콕 집어준 블로그, 어려운 개발 개념을 알기 쉽게 설명해 준 블로그 notice.tistory.com 카카오프렌즈 춘식이 카카오프렌즈에서 '라이언'을 좋아라 했었는데, 춘식이도 라이언 못지않게 귀욤귀욤 하네요. 2024 카카오 춘식이 다이어리 세트 구성 세트구성은 다음과 같습니다. 1. 다이어리 2. 탁상용 캘린더 3. 체크리스트 메모지 4. F.. 2024. 1. 6.
[Jquery]티스토리 Youtube 동영상 첨부시 반응형 처리하기 티스토리에서 'Youtube 동영상 첨부 시' Jquery로 반응형 처리하는 방법입니다. 글쓰기 에디터에서 동영상을 첨부했을때입니다. 위처럼 동영상 첨부를 하게 될 경우 해상도가 줄어들면 영상 사이즈가 고정되어 있어서 줄어들지 않습니다. 위 문제를 Jquery로 자동으로 리사이징 해주는 방법이라고 이해하시면 됩니다. 스킨 수정 1. 티스토리 로그인 후 '꾸미기 > 스킨 편집'으로 접근합니다. 2. 스킨 편집 HTML에서 위에 아래 코드를 삽입합니다. '저장' 버튼을 누릅니다. 코드 설명 해당 JavaScript 코드는 jQuery를 사용하여 YouTube 비디오를 리사이즈하는 함수를 정의하고, 창 크기가 변경될 때와 문서가 로드될 때 이 함수를 호출하는 이벤트 핸들러를 설정합니다. - $(window)... 2023. 12. 7.
[블로그 운영팁]티스토리 다크 모드일 때 방문자 통계 그래프(플러그인) 색상 변경하기 티스토리 기준이며, 같은 그래프를 사용하는 곳이 있다면 비슷한 방식으로 적용하면 될 거 같습니다. 다크모드 or 어두운 테마를 사용 중인 블로그만 해당됩니다. 방문자 통계 그래프 플러그인 위치 : 티스토리 관리자 > 플러그인 > 방문자 통계 그래프 적용 위 방문자 통계 그래프를 사용할때 다크모드로 적용했을 경우 수치 색상이 묻혀서 잘 안 보이는 문제입니다. 해당 부분은 CSS로 수정이 가능합니다. 해결방법 저같은 경우는 다크모드 적용 시 html에 color-thema="dark"가 삽입되도록 했기 때문에 다크모드일 때 CSS에 상속을 시켜서 다크모드일 때만 적용되도록 했습니다. 다크모드 버튼 클릭 or 디바이스 시스템 다크모드 (prefers-color-scheme: dark) 선택시 color-the.. 2023. 6. 6.
[운영일지]웹미니 블로그 Ver.9 업데이트 완료 2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다. 아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다. 티스토리 웹미니 스킨 티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다. 티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다. 블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다. 반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다. 웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이.. 2023. 5. 20.
[블로그 운영팁]티스토리 ‘오늘까지 블로그 몇일 운영한지’ 보여주기 블로그 운영 며칠 되었는지 보여주는 소스입니다. 꼭 블로그가 아니더라도 사이트도 될 수 있고, D-day로 응용 가능합니다. 티스토리 기준으로 설명하겠습니다. 먼저 안에 아래 코드를 넣으세요. 위에 '블로그 개설일'은 본인 블로그 오픈 날짜로 변경해주세요. 다음으로 사이드바에 전체 방문자 보여주는 곳에 아래 코드를 넣으세요. 전체 방문자 Today : [!##_count_today_##] Yesterday : [!##_count_yesterday_##] [!##_count_total_##] 블로그 개설일 : 2007년 2월 27일 오늘까지 일 운영중 // 해당 부분입니다. 위에 [!##_count 이 부분에서! 는 없애고 적용해 주세요. (치환자를 넣었더니 변경되는 걸 방지하기 위해! 를 임시로 넣은 것.. 2023. 5. 16.
[개발]티스토리 상단 스크롤 프로그레스바 적용하기 티스토리 뿐만 아니라 다른 사이트에도 적용이 가능합니다. 가끔 글내용이 길때 어디까지 더 읽어야하는지, 아니면 얼만큼 남았는지 궁금할때가 있습니다. 브라우저 스크롤도 있지만, 맥에서는 스크롤을 하기전까지 안보임으로 프로그레스바를 통해 얼만큼 스크롤 되었는지 알 수 있습니다. 위에 예시 이미지를 보시면, 상단에 붉은색 라인처럼 보여지며, 해당 블로그에서도 스크롤을 하면 프로그레스바를 확인 할 수 있습니다. 적용방법 위에 소스를 안에 삽입합니다. 여기서 #tt-body-page 아이디 값은 최상단의 id나 class값을 넣으시면 됩니다. 크롬 개발자도구를 이용하시면 쉽게 찾을 수 있습니다. 그리고 프로그래스바가 보여질 곳 바로 아래 넣으셔도 됩니다. 사실 position이 fixed로 되어있어서 아무곳에 넣.. 2021. 1. 20.
[블로그 운영팁]구글 애드센스 '인피드' 광고 원하는 형태로 출력 구글 애드센스 광고 단위에서 '인피드' 광고를 이용해서 블로그 게시글 리스트 사이에 광고를 노출시키는 방법입니다. (티스토리 기준) 카테고리를 클릭하면 보실 수 있습니다. 웹미니 : The Story Of webmini AI와 IOT에 관심이 많고, 영화감상과 사진찍는 취미도 있습니다. webmini.tistory.com 순서는 다음과 같습니다. 1. 구글 애드센스에서 '인피드' 광고를 설정 2. 블로그 'html' 편집에 소스 삽입 구글 애드센스 인피드 광고 생성 먼저 구글 애드센스 광고 단위를 인피드 광고를 선택합니다. 그리고 인피드 광고를 추천하는 스타일로 본인의 사이트 노출되는 주소를 입력합니다. (데스크탑, 모바일은 선택) 주소를 입력하면 자동으로 사이트 디자인에 맞게 스캔을 하고, 세부적인 사.. 2021. 1. 19.
[블로그 운영팁]티스토리 카테고리 'New' 이미지 변경 티스토리 카테고리에 새로운 글이 올라오면 노출되는 'New' 이미지를 기본 이미지에서 원하시는 이미지로 바꾸는 방법입니다. 우측에 보이는 카테고리 이미지 입니다. 순서 1. 관리자 > 콘텐츠 > 카테고리 관리에서 설정부분에 '카테고리에 새 글 발행 여부를 '표시합니다'로 먼저 변경해줍니다. 2. 관리자 > 꾸미기 > 스킨편집에서 변경할 이미지를 업로드합니다. 해당 메뉴로 가서 html 편집으로 들어갑니다. 파일업로드에서 변경할 이미지를 추가해줍니다. (하단에 추가 버튼) 3. 스킨 편집에서 'HTML'을 클릭 후 아래 소스를 바로 위에 삽입합니다. 여기서 이미지 경로와 파일명은 업로드한 파일명으로 변경해주세요. 그리고 '적용'을 누르면 완료입니다. 만약 기존 이미지가 보였다가 변경할 이미지가 보일경우는 .. 2021. 1. 19.
[운영일지]웹미니 통합스킨 Ver.1 웹미니 사이트가 재오픈되어, 사이트 디자인과 맞게 블로그도 사이트에 맞게 수정완료. 변경이유 - 크롬 브라우저 정책상 티스토리 2차 도메인에 따른 제약 사항이 있어, 블로그 원주소로 변경함 - 주소 변경으로 인한 방문자 감소됨. - 사이트와 블로그 관리가 번거로움. 해결 방안 - 블로그 2차 주소(http://blog.webmini.net)로 접속시 티스토리 원주소로 자동 리다이렉팅. (관련글 : webmini.tistory.com/991) - 통합스킨으로 디자인 및 검색 통일화 (두사이트 통합검색) 기대 효과 - 사이트와 블로그 유지보수/ 관리 용이함. - 디자인 통일화로 사이트 접근성 용이. - 사이트 or 블로그 유입시 양방향 PV 증가 2021. 1. 19.
[운영일지]티스토리 블로그 2차 도메인 주소 변경시 페이지 주소 유실 문제해결 웹미니 블로그 주소 http://blog.webmini.net 를 꽤 오래 사용했었는데, 구글 크롬 등 주요 브라우저의 정책 변경 및 취약점 대응을 위하여 티스토리에서 2차 도메인으로 접속 시 일부 기능이 불가피하게 제약이 되어 티스토리 기본 주소로 돌렸습니다. notice.tistory.com/2546 [안내] 2차 도메인 사용 시 유의사항 안녕하세요. 티스토리팀 입니다. 티스토리는 블로그 개설 시 지정하신 블로그 주소 (000.tistory.com)외 가지고 계신 별도의 도메인 (www.000.com 등)으로도 서비스를 이용하실 수 있도록 2차 도메인 연 notice.tistory.com 댓글 및 방명록, 구독하기등 2차 도메인 사용시 불편함이 많아서 2차 도메인을 버릴 수 밖에 없었네요. 장기적으로.. 2020. 11. 17.
[광고]구글 애드센스 2005년~2020년 수익공개 구글 애드센스(Google AdSense)를 이야기할려면, 바야흐로 2005년으로 거슬러 올라갑니다. 블로그 히스토리 그때 당시에는 블로그란 단어도 낯설었으며, '태터툴즈'라는 국내 블로그와 그후 비슷한 시기에 알게된 해외 블로그 '워드프레스' 가 있었습니다. 물론 네이버 블로그는 2003년 10월경(?)에 오픈한 상태였습니다. 그때 당시 워드프레스는 그렇게 복잡하지 않은 걸로 기억하는데 요새는 관리자 화면을 보면 정신이 없더군요. 현재의 웹미니 블로그는 태터툴즈를 시작으로 워드프레스, 텍스트큐브, 티스토리로 이전을 했었습니다. [관련글] [잡담]텍스트큐브에서 티스토리로 이전 텍스트 큐브가 블로거로 통합됨에 따라서, 더이상 텍스트큐브를 이용할 이유가 없어서 티스토리로 이전하게 되었습니다. 텍스트큐브 설치.. 2020. 9. 10.
[마감]티스토리 초대장 1장 배포합니다.(6차) 초대장 충전이 될줄 알았는데, 1장 밖에 없네요. 1장 밖에 없으므로 선착순으로 받겠습니다. 댓글란에 비공개글로 아이디가 될 사용하시는 이메일과 어떤 블로그로 운영하실지 간단한 소개글 남겨주세요. 확인이 안되거나 불법운영의 목적이 보일시 다음분에게 넘어갑니다. 2018. 5. 28.
[운영일지]웹미니 블로그 Ver.5 업데이트 완료 웹미니 Ver.5 에서는 사용자가 글을 좀 더 집중해서 읽을 수 있도록 '집중모드'가 추가된 버전입니다. 현재 버전은 Ver.5.1 버전이며, 5버전에서의 보완점을 개선했습니다. 스킨 특징 전체적으로 밝은 톤으로 색상 변경 되었으며, 불필요한 소스와 파일은 삭제되었습니다. 크게 변화된 부분은 블로그 성격에 맞게 UX에 초점을 맞췄습니다. '집중모드 켜기' 버튼을 클릭하시면 아래 처럼 글에 집중할 수 있도록 레이아웃이 변경됩니다. 집중모드가 불편하신 분들은 기본모드로 전환 가능합니다. 2018. 4. 16.
[마감]티스토리 초대장 5장 배포합니다.(5차) 티스토리 초대장 5장 배포합니다. 불법 운영을 위해 티스토리 초대장을 받아가시는 분들이 계셔서 아래 조건을 충족하시는 분들에게 초대장을 드리겠습니다. - 웹미니 블로그 (http://blog.webmini.net) 상단 우측에 페이스북 '좋아요' 를 눌러주세요. 위에 조건을 완료하신 분들은 댓글란에 비공개글로 알려주시고 티스토리 아이디가 될 사용하시는 이메일과 어떤 블로그로 운영하실지 간단한 소개글을 남겨주시면 됩니다. (이글 댓글란에 남겨주세요.) 확인 후 초대장을 드리도록 하겠습니다.감사합니다. -5장 배포한다고 했는데, 신청해주신 분들이 많아서 총7장 배포완료했습니다. 2018. 4. 9.