왕초보 티스토리 블로그 HTML서식쓰기와 불러오기를 통해 글을 예쁘고 깔끔하게 꾸미기 CSS (사용방법)

티스토리 블로그 글은 내용도 중요하지만 보는 사람들이 읽기에 편하도록 만드는 것도 중요하다고 생각합니다.

그래서 저는 요즘은 잘 꾸며놓은 블로그 글들을 읽고 그 형식들을 많이 배우려고 애쓰고 있습니다.  

우연이 저는 아래와 같이 예쁘게 꾸며져 있는 서식의 글들을 보게 되었습니다. 

 

그런데 처음에는 이와 같은 형식을 무엇이라고 부르는지 알수가 없어 구글에 티스토리 글 예쁘게 꾸미기라고 검색을 했더니 검색 결과속에서 제가 원하는 답을 찾게 되었습니다. 

몇 개의 블로그 글을 읽고 나서야 이와같은 형식이 티스토리에서 서식이라는 것을 알게 되었습니다.

미리 작성한 <서식 불러오기>를 통해 사용할 수 있다는 것을 알게 되었습니다. 

 

사람 아이콘을 좌클릭하여 관리로 들어가면 좌측 블로그 관리홈 콘텐츠 부분에 서식관리를 찾을 수 있습니다. 

 

서식관리를 누르면 우측 서식쓰기를 찾을 수 있습니다. 

서식 쓰기를 누르고 내가 원하는 서식을 작성하고 완료를 누르면 됩니다. 

 

위에 보이는 바와 같이 글쓰기할 때와 비슷한 창이 나타납니다.

하지만 보시면 오른쪽 상단에 서식이라고 되어 있는 걸 알 수 있습니다.

작성하는 모드는 3가지가 있는데 흔이 아는 기본모드와 마크다운모드 그리고 HTML모드 세가지 모드가 있습니다. 

 

초보분들이라면 기본모드에서 꾸미기 보다는 구글에 검색해 보시면 이미 HTML 모드로 코드로 이쁘게 작성해 놓은 블로그들이 많습니다. 이미 작성해 놓은 HTML서식을 받아서 쓰시는 게 더욱 빠를 것 같습니다. 

 

처음에는 몰라서 기본모드상태에서 HTML 코드를 복사 완료하기를 했더니 서식 불러오기에서 HTML코드 원문이 불러오기 되어 당황했습니다.

그래서 다시 서식쓰기로 돌아가 모드를 HTML모드로 변경하고 그 상태에서 HTML코드를 복사하고 완료를 한 후 다시 서식을 불러왔더니 제가 원하는 서식이 나타났습니다. 

 

이렇게 한번에 모든 것을 다 알 수 있으면 좋겠지만 모르는 부분을 하나나하씩 알아가는 것도 나쁘지 않다고 봅니다. 

그러려면 계속해서 잘된 블로그들을 자주 방문하면서 부단히 배우는 것이 중요하다고 생각합니다. 

아시는 분들에게는 이 글 내용이 별 의미없이 느껴질 수 있지만 저처럼 초보자인 분들에게는 아주 도움이 될 수도 있는 부분이라 생각합니다. 

누구가 되었던 도움이 되셨으면 합니다.

감사합니다. 

 

다양한 HTML서식 블로그 참조: https://galam.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%86%8C%EC%A0%9C%EB%AA%A9-%EC%84%9C%EC%8B%9D-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%AA%A8%EC%9D%8C