자바스크립트(JavaScript)를 활성화해주세요!

RootKR

티스토리 (9)

티스토리 웹페이지 다크모드 적용 방법

IT/팁과 강좌 RootKR 2019. 9. 25. 13:20

안녕하세요. RootKR입니다. 마이크로소프트 윈도우 10와 애플 macOS 운영체제에서 다크 모드 기능을 지원하는데, 웹페이지에서 감지해서 다크모드로 바꿀 수 있습니다. 평상시 제 블로그 화면입니다. 이제 MS 윈도우 10 운영체제 설정에서 다크모드를 활성화해보도록 하겠습니다. 윈도우 10 다크모드를 활성화하면 위 사진처럼 어두운 계열 화면이 나옵니다. 운영체제 다크모드 감지 및 배경&텍스트 컬러 변경 설정을 해보도록 하겠습니다. 다크 모드를 감지하면 어두운 계열 배경과 밝은 계열 텍스트로 바뀌도록 설정을 해줘야 합니다. CSS를 잘 모르시는 분들을 위해서 간단하게 예를 들어서 설명해드리겠습니다. "운전 면허증 발급 방법과 사용가능 국가" 제목 컬러를 바꿔보도록 하겠습니다. "운전 면허증 발급 방법과 ..

티스토리 코드블럭 Highlight 줄 번호 적용하는 방법

IT/팁과 강좌 RootKR 2019. 8. 6. 00:30

안녕하세요. RootKR입니다. Highlight 코드 강조 라이브러리를 적용하면 위 사진처럼 나오는데, 줄 번호(line number)은 나오지 않아서 아쉽더군요. 찾아보니 개발자 Yauheni Pakala가 만든 highlightjs-line-numbers 자바스크립트를 사용하면 된다고 합니다. 티스토리 블로그 관리에서 꾸미기 메뉴의 "스킨 편집" 텍스트를 클릭해서 HTML 편집으로 들어가 주세요. 태그 위에 아래 소스를 복사 붙여넣기 해 주세요. Cloudflare CDN 사용을 원치 않는 분들은 2번째 소스를 삽입해주시고 highlightjs-line-number.js를 다운받아서 파일 업로드해주세요. Highlight Line Number JavaScript 다운로드 : https://githu..

티스토리 코드블럭 Highlight 스타일 적용하는 방법

IT/팁과 강좌 RootKR 2019. 7. 8. 16:21

안녕하세요. RootKR입니다. 티스토리 글쓰기 에디터 개편되면서 새로 추가된 기능중 하나가 코드블럭 기능입니다. 글쓰기 에디터내에서는 스타일(테마) 적용되서 깔끔하고 이쁘게 나오지만, 게시물에서는 스타일(테마) 적용되지 않아서 아쉽더군요. Highlight 자바스크립트 파일을 이용해서 하이라이트 스타일 적용하는법을 알려드리겠습니다. 자신의 블로그 관리 페이지에서 꾸미기의 "스킨편집 " 버튼을 클릭해주세요. "HTML 편집" 버튼을 클릭해주시고 위에 아래 소스를 복사해서 붙여 넣어주세요. highlight 기본 스타일(default.min.css)가 싫으시다면 첫번째 주소를 들어가서 마음에 드는 스타일을 찾아주세요. 2번째 링크를 들어가서 마음에 드는 스타일 파일 이름을 찾으신후, default를 지우고..

[2017년 10월] 티스토리 초대장 나눔합니다.

ETC. RootKR 2017. 10. 28. 00:01

안녕하세요. RootKR입니다. 2017년도 10월 티스토리 초대장 나눔합니다. 티스토리 초대장 나눔갯수는 4장입니다. 아래 양식을 사용해서 방명록에 댓글 남겨주세요. 초대장 나눔 마감합니다. 초대장 나눔 양식 1. 이메일 주소 : 예시) mail@email.com 2. 블로그 분야 : 예시) IT 3. 필요한 이유 : 예시)IT뉴스와 리뷰를 남겨보고싶습니다. 방명록 주소 : http://blog.iroot.kr/guestbook 여기가 아닌 방명록에 남겨달라는 이유는 매크로(로봇)이용해서 자동으로 작성하시는분이 계셔서 그렇습니다. 불편하시더라도 양해 부탁드립니다.

티스토리 과거글 발행 하는 방법

IT/팁과 강좌 RootKR 2017. 6. 10. 09:30

안녕하세요. RootKR입니다. 2016년 05월 26일에 티스토리 과거글 발행 기능이 막혔습니다. 과거글 발행이란 글 발행 때 날짜를 과거로 지정하는 기능을 말합니다. 티스토리 블로그 장점중 하나였는데 막혔더군요... 검색해보니 PC에서는 안되지만 티스토리 앱을 이용해서 과거글 발행이 가능하다네요. 일단 플레이스토어/앱스토어에서 티스토리앱을 검색하신후 설치해주세요. 글목록을 가주신후 과거글 발행을 원하시는 게시물을 들어가주세요. 그다음 톱니바퀴(설정) 아이콘을 클릭해주세요. 예약을 누르시고 원하시는 과거 날짜로 조정해주신후 확인버튼을 눌러주시면 반영됩니다. 2017년 06월 08일에 작성한 글이지만 예약기능을 이용해서 2017년 06월 07로 바꾸었음을 알 수가 있습니다.

티스토리 블로그에 실시간 방문자수 위젯 설치하는 방법

IT/팁과 강좌 RootKR 2017. 1. 15. 21:53

안녕하세요. RootKR(루트)입니다. 블로그를 운영하다보면 가끔식 자신의 블로그 실시간 방문자수를 궁금할때가 있습니다. 티스토리에서 기본적으로 지원해주지 않기 때문에 Whos.amung.us라는 위젯 제공 사이트를 이용해야합니다. 저같은 초보자도 쉽고 간단하게 위젯 코드 발급 및 추가가 가능하더군요. 일단 whos.amung.us라는 사이트를 들어가주신후 상단에 있는 Widgets 메뉴를 클릭해주세요. whos.amung.us : http://whos.amung.us/ 원하시는 위젯 디자인을 선택해주시고 소스코드를 복사해주세요. 자신의 블로그 관리 페이지를 들어가주신후 꾸미기-사이드바 메뉴를 클릭해주세요. 그리고 기본모듈에서 HTML 배너출력를 클릭해주세요. 만약, HTML 배너출력 모듈이 안뜨는경우에..

티스토리 일부 기능 종료 (부제:백업 받아두세요)

RootKR 2016. 12. 10. 00:12

안녕하세요. Root(루트)입니다. 어제 티스토리 공지 블로그에서 트랙백과 백업, 블로그API 기능을 종료한다고 글이 올라왔습니다." 그냥 새로운 기능 내놓으려고 종료하는거구나... "라고 생각했습니다. 오늘 클리앙 새소게(새로운 소식 게시판)에 티스토리 일부 기능 종료한다는글이 올라와서 댓글을 보고있는데...제가 생각했던거랑 달리 ' 이번 기회에 옮겨야겠네요.. '와 '어디로 이사하죠'라고 댓글이 달려있네요... (당황) 이게 뭔말인지... 하고 다른 댓글을 보니 자세하게 설명이 되어있네요.카카오가 서비스 어떻게 종료하나면 일단 주변가지를 먼저 정리한다음 뿌리(서비스)를 뽑아 버리는식으로 한다네요... 생각해보니 맞는말이네요...특히 티스토리는 카카오입장에서는 수익성이 0%이기 때문에 서비스 종료 1순..

티스토리 블로그에 네이버 애널리틱스 적용하는법

IT/팁과 강좌 RootKR 2016. 9. 4. 21:57

안녕하세요. Root(루트)입니다. 블로그를 하다 보면 방문자분들이 어디를 통해서 들어오고 체류시간은 어떤지 등 궁금해서 네이버 애널리틱스 적용을 해봤습니다. 예전에는 (네이버 애널리틱스)를 적용하려면 HTML 편집 들어가서 코드를 삽입해야했지만 플러그인이 지원하면서 간단하게 분석ID만 넣으면 되기때문에 매우 쉬어졌습니다. 네이버 검색창에 네이버 애널리틱스를 검색하시고 홈페이지를 들어가주세요. 앞으로는 오페라 브라우저 사용안하고 마이크로소프트 엣지 브라우저 사용합니다 ~ 네이버 애널리틱스 홈페이지를 들어가셨다면 네이버 로그인을 해주신 후 바로 시작하기 버튼을 클릭해주세요. 다음 버튼을 클릭해주세요. 이용약관에 동의합니다 체크 후 다음 버튼을 클릭해주세요. 사이트명에 자신의 블로그 이름을 입력해주시고, 사..

티스토리 블로그 소제목 추가하는법

IT/팁과 강좌 RootKR 2016. 7. 31. 21:23

안녕하세요. Root(루트) 입니다. 처음에 강좌글 작성했을때 글상자를 이용해 소제목을 만들었습니다. 예시) 파트 0 : 티스토리 블로그 소제목 추가하는법 HTML 태그을 이용해 만든 소제목 입니다. 예시) 파트 0 : 티스토리 블로그 소제목 추가하는법 당연히 2번째(후자)인 HTML 태그을 이용해 만든 소제목이 심플하고 더 보기 좋습니다. 단점은 HTML 모드로 바꾸신후 소제목 마다 소제목 이름 을 해주셔야 합니다. 파트1 : CSS 코드 추가하기 1. 티스토리(TISTORY) 관리를 들어가주신후 꾸미기의 HTML/CSS 편집을 들어가주세요. 2. CSS 눌러주시고 제일 하단에 아래 코드를 복사해서 붙여넣어주세요. h5 {border-bottom:2px solid #2d3434;border-left:5..

Copyright 2016-2020. RootKR. All Rights Reserved.
Designed by JB FACTORY

티스토리툴바