Tistory4 [#티스토리] 초고속 사이트맵(sitemap) 생성기 티스토리 초고속으로 사이트맵 생성하기 소유한 티스토리 블로그의 사이트맵을 1~2초만에 생성해 다운받아 사용할 수 있습니다. 2020. 4. 5. [#티스토리] 스킨 살짝 손보기 - 썸네일 모양, 크기 바꾸기 티스토리 블로그를 운영하다보면 썸네일 크기나 모양이 마음에 안들 수 있다. 그렇다고 처음부터 스킨을 만드는건 배보다 배꼽이 더 큰격이니 간단하게 현재 스킨에서 썸네일 크기, 모양을 바꾸는 법에 대해서 알아보자 1. 크롬 개발자 도구 켜서 원하는 영역의 위치 알아내기 1-1. 크롬 설정 메뉴에서 도구 더보기 - 개발자 도구를 킨다. 1-2. 오른쪽에 개발자 도구 창이 뜨는데 바로 아래 그림처럼 생긴 왼쪽 위 아이콘을 눌러 원하는 영역에 마우스를 갖다대면 div.클래스명 또는 div#아이디 와 같은 형식이 표시된다. 여기서 이미지 주소 형식을 잘 보면 C126x166 가 보인다. 이게 바로 이미지 사이즈이다. 이 값을 조절해서 가로가 긴 사각형 or 정사각형 or 세로가 긴 사각형을 자유자재로 만들 수 있다.. 2020. 4. 1. [#티스토리] 스킨 살짝 손보기 - 웹 폰트를 적용해보자 티스토리에서 사용하는 기본 폰트말고, 본인이 원하는 웹 폰트를 사용하고 싶은 경우가 있다. 이 경우 아주 간단하게 코드 두줄만 바꿔주면 바로 적용가능하다. 1. 웹 폰트 cdn 주소 찾기 우선 웹 폰트 CSS CDN 주소를 찾아야한다. 여기선 나눔고딕체를 예시로 들겠다. 구글에서 나눔고딕 웹폰트 라고 검색하면 https://fonts.googleapis.com/earlyaccess/nanumgothic.css 이 주소를 찾을 수 있다. 2. 웹 폰트 적용하기 블로그 관리 페이지의 왼쪽 탭 메뉴의 꾸미기 - 스킨 편집을 눌러 스킨 편집창을 띄우고, html편집 - CSS 를 눌러 CSS 편집창을 띄워보자. 그리고 @import url('아까 찾은 CSS 주소'); 로 임포트 해준다. 나눔 고딕의 경우, 아.. 2020. 4. 1. [#티스토리] 스킨 살짝 손보기 - 배경색, 글자색을 바꿔보자 티스토리 블로그를 운영하다보면 스킨을 살짝 손보고 싶을 때가 많다. 티스토리에서는 기본적으로 css, html을 편집할 수 있으므로 자유자재로 스킨을 변형하거나 아에 새로운 나만의 스킨을 만들 수도 있다. 이번 포스팅에서는 간단하게 스킨을 편집해 배경색을 바꾸는 방법에 대해서 알아보자 1. 관리 - 꾸미기 - 스킨 편집 -> html 편집 블로그 관리 페이지의 왼쪽 탭 메뉴의 꾸미기 - 스킨 편집을 눌러 스킨 편집창을 띄우자. 그러면 아래와 같은 스킨 편집 창이 뜨는데 오른쪽 위치에 있는 html 편집을 누른다. 2. 배경색 css 수정 그리고 배경색 css를 수정해보자. 전체 배경색과 글자색을 조정하고 싶으면 CSS 메뉴에 들어가 html, body 영역에 background: #원하는 색 RGB, c.. 2020. 4. 1. 이전 1 다음
