티스토리 HTML, CSS 는 무엇? 초보 티스토리꾸미기(썸네일 정사각형변경)

 

썸네일 정사각형만들기

 

 

티스토리 HTML, CSS는 무엇? 초보 티스토리 꾸미기

 

티스토리를 처음 시작할 때 가장 어려운 것이 HTML CSS 등 소스를 보고 꾸미는 일이었습니다. 오래전에 홈페이지 만들면서 html로 다양한 것을 만들어본 경험이 있지만 한동안 잊고 살았는데 다시 소스보기를 하려니 아무래도 공부를 해야 하겠구나 싶었어요.

 

처음 다음 블로그를 만들 때 html이나 css 관한 책을 많이 읽으며 직접 홈페이지를 만들고 했는데 워낙 편하게 블로그 활동을 하다 보니 개념만 대략적으로 기억에 남아있고 잊었는데 다시 티스토리 블로그를 시작하니 여러 가지 어려움에 부딪히게 되었어요. 하지만 어쩌나요. 다시 시작하다 보면 예전에 공부했던 기억들이 조금씩 되살아날 것 같아서 요즘 기록하면서 티스토리 꾸미기를 해봅니다.

 

HTML 은 무엇일까?
Hypertext Markup Language 

 

티스토리를 시작하면서 초보에게 가장 어려운 HTML, 다행인 것은 티스토리에 기본모드, 마크다운, HTML 이렇게 세 가지 버번이 있는데 어렵다면 기본모드만 사용해 티스토리를 운영할 수가 있습니다.

 

하지만 구독자들이 좀 더 편안하게 가독성 좋은 블로그를 만들려면 공부를 해야 하는데요. 어떤 부분을 바꾸고 싶어 해당정보를 찾아보면 HTML 모드에 들어가 컴퓨터가 이해하는 언어로 바꿔주어야 합니다. 그러니까 HTML의 마지막 L 약자는 바로 언어(Language)를 뜻하는 겁니다.

 

다시 말하자면 HTML 은 웹문서를 만들 때 사용하는 웹 언어라고 이해하면 편할 것 같아요. 네이버블로그에 비해 초보자가 활동하기에는 다양한 기능이 아쉽지만 티스토리를 운영하려면 숙명처럼 공부해야 하는 것이 바로 HTML입니다.

 

 

 

 

CSS 란 무엇일까?
Cascading Style Sheets

 

위에서도 언급했듯이 HTML을 쉽게 언어라고 표현한다면 CSS는 웹문서의 스타일을 미리 저장해 둔 시트입니다. 그러니까 블로그를 좀 더 아름답고 쉽게 사용할 수 있도록 글자 서식이나 사진위치등을 CSS를 통해 공통 서식을 정해놓은 것을 말합니다.

 

예를 들어 블로그를 카터고리를 클릭하면 사진 위치가 오른쪽에 나오는 것이 공통 서식이라면 CSS를 통해 자신이 원하는 위치에 바꿔놓을 수 있도록 하는 겁니다.

 

 

 

티스토리 바꾸고 싶은 부분의 HTML, CSS 태그 찾는 법

 

이번에는 티스토리를 내 맘대로 바꿀 수 있는 HTML과 CSS 태그 찾는 법에 대해 알아볼까 합니다. 아시다시피 티스토리는 html과 css를 다룰 줄 알아야 블로그를 꾸밀 수 있는데요. 처음 블로그를 운영하는 블로거라면 가장 쓰지 쉬운 북클럽스킨을 기본적으로 사용하게 됩니다.

 

 

▶블로그에서 바꾸고 싶은 부분의 html, css 태그 찾기

H 태그(Tag) 변경하기 (I) 태그값 확인하기

 

 

 

---

 

 

 

블로그 홈 화면 썸네일 바꾸기

 

관리자페이지- 꾸미기-스킨편집- html 편집버튼 클릭, 이곳에서 Html과 css. 편집을 해주면 직사각형 모양이 정사각형모양의 썸네일로 변경이 됩니다.

 

 

css를 클릭한뒤 사이드바를 내려 2261~2262 줄을 찾아야 합니다. 북스킨에서는 2259에 있는 경우도 있어요.

 

 

 

위의 빨간색 박스를 아래 빨간색 박스로 수정 저장해 줍니다.

 

 

 

width:150px, height:150px 가로세로값으로 변경한 뒤 적용버튼 클릭해 줍니다.

 

 

썸네일 이미지 퍼져 보이지 않게 html 변경하기

 

 

 

같은 방법으로 시작해요

관리자 페이지- 꾸미기- 스킨편집- html 편집버튼 

 

<img src> 태그 안에는 C230 x 300으로 되어있습니다. 이것을 C200x200으로 수정하고 적용버튼 클릭합니다.

 

 

 

 

---

 

 

 

 

 

 

---

 

 

 

썸네일 적용

 

 

이제 썸네일이 예쁘게 정사각형으로 바뀌었어요. 하나씩 도전하고 성공하는 모습이 스스로 멋져 보입니다. 우리 모두 함께 성장하는 티스토리 블로거가 돼 보아요~