[티스토리] 깔끔하고 예쁜 소제목 넣기!! (서식 기능의 활용과 제목줄 넣는방법)

2018. 12. 29. 08:52블로그 작성과 관리

안녕하세요~

오늘은 티스토리 서식기능에 대해 알아보려 합니다

블로그 작성은 이제 저도 이것저것 막 알아가는 중이라

배우는 족족 글로 남겨보려합니다 ㅎㅎㅎ


원래는 MS Word나 한컴오피스 한글을 이용한 원격 블로깅 방식이 있다는걸 보고

이것을 하려고했으나, 작년에 티스토리에서 BlogAPI 기능을 종료하면서

불가능해졌다네요...

(OpenAPI 라는 기능이 있으나 이것은 연동이 안된다는군요)


사실 네이버는 안써봤지만, 티스토리는 글쓰는데 불편함이 많아

(특히 사진붙이는거...)

PC의 워드 프로그램으로 작성하면 편할것 같았는데

아쉽네요...


그래도 2019년 초에 티스토리 작성 에디터가 업데이트 된다니

기대해 봅니다.



사설은 여기까지 하고 오늘은 서식기능과 제목줄을 넣는법을 배워보겠습니다.

제목줄만 깔끔해도 

블로그가 난잡하다는 느낌이 줄어들고

글의 분위기가 한층 살아납니다.



티스토리 블로그 - 서식 등록방법


자 먼저 티스토리 블로그 관리페이지로 갑니다.



블로그 관리페이지 좌측 하단을 보면 '서식 관리' 라는 설정이 있습니다. (파란색 네모)




그러면 위와같은 서식관리 화면이 뜹니다

이미 4개의 서식이 등록되어있군요


저는 4개를 등록해 두었지만 '검정_밑줄'만 사용합니다.

저도 깔끔한 제목줄 찾아보다가

다른 블로거께서 올려두신 것들 4개를 모두 가져왔는데

제 스타일에 맞는건 하나군요 ㅎㅎ


근데 '검정_밑줄'이 뭐냐고요??


바로 조금전 위에서 보신 소제목 서식입니다~




그럼 일단 서식관리 화면의 우측상단 '서식쓰기'를 클릭합니다.




그러면 티스토리 에디터가 쨘 하고 나타납니다.

여기에 각종 문구나 예쁘게 꾸민 글, 그림 등을 넣어서 저장해두시면

블로그 글 쓰는중에 필요할때마다 가져올 수 있습니다.


능력이 되신다면 직접 만드셔도 되지만

저같이 능력이 안되는사람은 능력자들의 HTML 코드를 가져다쓰는게 상책이지요 ㅎㅎ

인간은 배우고 활용할 줄 아는 동물이니까요!!

(물론 배포자께서 사용을 허락한 코드를 사용합시다!!)



구글로가서 "티스토리 제목 서식" 이라고 검색해봅니다.



이미 Html 능력자들께서 올려놓으신 서식들이 많이 보일겁니다.

이중 원하는 디자인을 찾습니다.


(출처 : '곰군의 취미방' 블로그 - http://kuma12.tistory.com/)




마음에 드는 디자인을 찾으셨으면

능력자께서 올려놓은 코드를 복사하여

아까 서식 에디터에서 html을 체크하시고 복사한 코드를 붙여넣습니다.


다시 html 체크를 풀면



이렇게 깔끔한 제목줄이 나타납니다!


이제 서식제목을 쓰고, 발행을 누릅니다

저는 '테스트용' 으로 제목을 하겠습니다.



쨘!  서식관리에 방금 만든 '테스트용' 서식이 생겼군요!!


이제 어떻게 활용하는지를 알아봐야겠지요??




티스토리 블로그 - 서식 활용하기

'서식' 기능을 활용하는 방법에 대해 알아봅시다


먼저 블로그 에디터를 엽니다.



우측메뉴 하단에 '서식'을 클릭하면

조금 전 등록한 '테스트용' 서식이 있군요

'테스트용' 서식을 클릭합니다.


그럼 에디터에 방금 등록한 서식이




짠! 하고 나타납니다.

이제 기본글귀인 '서식3 소 제목'을 지우고 원하는 제목으로 채워넣으시면 끝!

참 쉽죠? ㅎㅎㅎㅎ




초보 블로거 어려분!! 조금씩 배워가며 블로그를 잘 꾸며봅시다!!

오늘도 긴글 읽어주셔서 감사합니다!! 

좋은하루 되세요~~