티스토리 썸네일형 리스트형 티스토리 폰트 변경, 폰트 크기 변경하기 - 눈누 블로그를 쓰다 보면 예쁜 폰트로 나만의 글을 쓰고 싶지만 티스토리에서 제공하는 폰트는 한정적이라 상업용 무료 한글 폰트를 제공하는 사이트를 이용해 폰트를 변경하는 방법을 알려드리려고 합니다. 다양한 폰트 디자인이 제공되어 있어 폰트를 바꾸기 너무 좋은 사이트인 거 같아요. 1. 눈누 사이트에 접속한다. https://noonnu.cc/ 2. 원하는 폰트를 고른다. 3. 폰트 미리보기에서 원하는 글을 적어보고 웹폰트로 사용의 복사 버튼의 누른다. 폰트의 사용범위, 허용 여부를 확인해야 한다. 간혹 X 표시가 되어 있는 폰트도 있으니 주의해서 사용해야 한다. 4. 스킨 편집 - CSS로 이동 /* Web Font Load */ 부분에 눈누에서 복사해온 걸 붙여 넣기 한다. font-family: 뒤에 있는 .. 더보기 티스토리 왓에버(whatever)스킨 본문넓이 조절하기 블로그 작성 후 내 글을 확인하면 본문 넓이가 너무 넓거나 너무 좁아 가독성이 떨어지거나 배치가 이상하다고 느껴질 때가 있다. 스킨마다 변경 방법이 살짝 다른 거 같긴 하지만 꾸미기와 관련된 부분은 CSS영역에서 한다고 생각하면 쉬운 거 같다. 내 글의 크기나 글씨체나 본문 넓이 등등 글을 읽기 좋은 조건으로 만들어놔야 검색해서 들어온 사람이 편하게 글을 읽기 쉽기 때문이다. 대단한 글은 아니지만 검색을 했다는 건 궁금해서이기 때문이기에... 1. 내가 포스팅한 글을 연다 내가 포스팅한 글을 열어보면 양쪽 여백이 많이 비어있는걸 볼 수 있다. 처음에는 pc로 보는 사람들을 생각해 가운데 정렬되어 있게끔 글을 보는 게 더 나을 거 같았는데 스크린샷도 같이 첨부하기에 사진이 너무 작아 보이거나 맥락이 잘 안.. 더보기 티스토리 썸네일 정사각형 크기 조절하기 (html, CSS) 썸네일을 만들어 포스팅을 하고 나서 보니 정사각형으로 만들어진 썸네일이 잘리더라구요. 가독성 향상을 위해 정사각형인 크기로 설정하는 방법을 알려드리도록 하겠습니다. 참고로 제 블로그는 왓에버 (whatever) 스킨을 사용중인데요, 검색을 해봐도 해당 스킨에 관한 글은 많이 없더라고요. 스킨마다 설정법이 살짝 다른 걸로 알고 있어요. 블로그 홈에 보이는 썸네일이 이렇게 잘려서 올라가다니... 일부러 가독성을 위해 큰글씨를 넣었는데ㅠㅠ 1. 스킨편집 - CSS 블로그 설정 왼쪽 하단의 꾸미기 영역에서 스킨 편집을 클릭해줍니다. 그리고 html 편집을 클릭한 후 상단에 보이는 CSS클릭! CSS영역 부분을 클릭 후 ctrl+F 상단에 노란색 배경의 검색창이 뜨면 thum img 을 검색해줍니다. 스크롤 내리.. 더보기 티스토리 썸네일 (대표이미지) 만들기 - 미리캔버스로 셀프제작 깔끔하고 눈에 보이는 블로그를 원하시는 분들은 블로그 글의 대표 이미지에도 신경을 많이 쓰시는데요. 특별한 기술없이도 셀프로 제작할 수 있는 사이트가 있어 쉽게 따라 할 수 있는 방법을 알려드리려고 해요. 흔히 이런 이미지를 만들려면 포토샵 능력이 필요할 거라 생각하지만 요즘은 인터넷으로도 뭐든 할 수 있기에 초보자 분들이라도 쉽게 만드실 수 있으실 겁니다. 1. 미리 캔버스에 로그인한다. https://www.miricanvas.com/ 2. 홈페이지 상단에 있는 새 디자인 만들기를 클릭한다. 새 디자인 만들기를 클릭 후 웹 배너 - 정사각형을 클릭해줍니다. 3. 원하는 템플릿을 지정한다. 미리 캔버스에서 제공하는 여러 템플릿이 있으니 원하는 템플릿을 선택합니다. 템플릿에 있는 이미지나 글씨는 변경 가.. 더보기 이전 1 다음
