티스토리 서식 만들기

오래만에 티스토리 관련 포스팅을 하게 되었습니다. 주말에 블로그를 방문해보니 제가 쓰고 있는 제목 서식을 어떻게 하는지 궁금해하시는 답글을 보았습니다. 제목 서식의 경우 서식을 적용해서 간단간단하게 바로 적용을 하는 편인데 티스토리 서식 만들기를 어떻게 하는지 알려드리도록 하겠습니다.

 

 

 

2017/05/13 - [TIPS] - 삼성 프린터 드라이버 다운로드 설치 방법 안내

2017/05/11 - [마케팅/블로그] - 네이버 블로그 지수에 관한 잡담

2017/05/10 - [생활정보] - 코엑스 주차요금 안내

2017/05/06 - [마케팅/블로그] - 티스토리 글쓰기 너비 변경방법

 

 

티스토리 서식 만들기 손쉬운 방법 안내

사실 알고보면 정말 간단한건데 이걸 잘 모르시는 분들도 계실것 같긴해서 이렇게 글을 남겨보는데요. 우선 서식이 뭔지 알려드리겠습니다. 서식이란 미리 만들어놓은 양식을 불러서 쓰는 방식으로 매번 같은 문구를 반복하거나 표, 캐치프라이즈등을 불러올때 편하게 사용할 수 있습니다.

 

저같은 경우 제목, 광고코드 정도로 간단하게 서식을 만들어서 불러오고 있습니다.

 

 

아래는 샘플양식입니다.

 

 

보시면 저 같은 경우 제목부분에 파란색으로 강조를 하였고 아래 라인이 있습니다.

 

 

 

 

이러한 양식은 기본서식을 응용해서 만들었습니다. 티스토리 서식 만들기는 글쓰기에서 시작이 되며, 제가 응용한 서식도 잘 찾아보면 나올겁니다. 저도 기존서식에서 추출한겁니다.

 

 

 

 

글쓰기 화면에서 우측의 서식 부분을 확인해주세요. 클릭하시면 서식으로 글을 쓸 수 있습니다.

 

 

 

 

 

다음으로 HTML 사용여부를 체크를 해주셔야 하는데요. 이건 제가 만든 서식이 아래와 같은 스타일시트가 포함이 되어 있기 때문이며, 다른 방법으로 문구만 추가하신다고 하면 여기 HTML 체크 부분은 하실 필요가 없습니다.

 

 

 

<P><H4 style="COLOR: rgb(31,31,31); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: bold 15px dotum,sans-serif; PADDING-LEFT: 7px; MARGIN: 0px 0px 10px; BORDER-LEFT: rgb(105,139,226) 3px solid; LETTER-SPACING: -1px; PADDING-RIGHT: 0px">내용을 넣어주세요</H4></P>

 

 

아래와 같은 코드를 넣어 주시면 서식 적용이 간단하게 되는데요. 기본색상을 바꾸실려면 녹색으로 된 부분을 변경해주시면 원하시는 색상으로 바꿀 수 있습니다. 이러한 칼라코드는 칼라코드표를 참고하셔서 바꿔주셔야 하며, 꼭 rgb방식이아니라 코드기입으로 넣는 방식으로도 바꾸실 수 있습니다.

 

예) COLOR: rgb(100,100,100,100); 혹은 COLOR: #FFFFFF;

 

 

우선 제가 사용하고 있는 서식 양식을 첨부합니다.

 

서식코드.txt

 

 

 

서식을 추가하셨으면 이제 사용을 하시면 되는데요. 글쓰기폼의 우측 하단을 보시면 아래화면이 보이실겁니다.

 

 

 

 

 

 

여기에서 자세히 보시면 서식 메뉴가 있습니다. 클릭하시면 서식목록을 보실 수 있으며, 원하는 서식을 사용할 수 있습니다. 오늘은 간단하게 티스토리 서식 만들기에 대해서 알려드렸습니다. 참고하셔서 티스토리 유용하게 사용하시기 바랍니다.