티스토리 소제목 꾸미는 법

티스토리 이웃님들 글을 보다 보면 분명히 "인용구"인데

내가 설정을 하려고 하면 도무지 보이지 않아서 댓글도 남겨보고 했는데 돌아오는 답이 없었다.

그래서, 어떻게 해야 하나 하고 검색어를 여러 번 바꾸며 검색을 하다가 찾게 되었다.

내가 그토록 찾아 헤매던 것이 무엇이냐!

 

이게 그렇게도 하고 싶었다.

 

그럼, 저처럼 헤메시지 않게 포스팅을 해보겠습니다.

 

 

반응형

※ 참고 사항 ※

코드 중간에 #688FF4 이렇게 되어 있는 부분은 색상입니다. 원하시는 색상을 골라서 입력을 해주시면 저처럼 민트색에 보라색을 따로 사용하실 수 있습니다.

 

기본 제공에서 밑줄이 더 길어진 포인트

 

<p style="border-left: 10px solid #688FF4; padding: 0.5em; border-bottom: 2px solid #688FF4; font-weight: bold;" data-ke-size="size16"> 기본 제공에서 밑줄이 더 길어진 포인트 </p>

 

 

 

글자 앞에 포인트색과 배경색

 

<p data-ke-size="size16"><span style="background: #F9F7F6; border-left: 0.5em solid #688FF4; padding: 0.5em; font-weight: bold;"> 글자 앞에 포인트색과 배경색 </span></p>

 

 

말풍선 스타일

 

<p data-ke-size="size16"><span style="border-radius: 15px 15px 15px 0; border-bottom: 5px solid #B9C4C4; padding: 0.5em; background: #CEDADA; font-weight: bold;"> 말풍선 스타일 </span></p>

 

 

깔끔한 스타일

 

<pdata-ke-size="size16"><span style="border-radius: 15px 15px 0 0; border-bottom: 2px solid #B2E0F7; padding: 0.5em; background: #D8EFFB; font-weight: bold;">깔끔한 인텍스 스타일 </span></p>

 

버튼 모양 스타일

 

<p data-ke-size="size16"><span style="border-radius: 5em; padding: 0.6em 1em; background: #F9F9F9; box-shadow: 1px 2px 10px rgba(0,0,0,0.2); margin-left: 5px; font-weight: bold;"> 버튼 스타일 </span></p>

 

번번이 HTML에 입력하기 귀찮아서 저는, 서식에 저장을 해서 사용을 하고 있습니다. 서식에 넣는 법도 같이 알려드리겠습니다. 의리!

일단 블로그 관리에 가셔서 콘텐츠에 보시면 서식 관리라고 있습니다. "서식 관리"를 눌러주세요.

 

들어오시면 오른쪽 윗편에 서식 쓰기가 보이실 겁니다. 서식 쓰기 꾹! 누르시면 익숙한 화면이 보이실 겁니다.

1. 서식 쓰기 2. 기본 모드 누르기 3. HTML 클릭

 

<p data-ke-size="size16"><span style="border-radius: 15px 15px 15px 0; border-bottom: 5px solid #B9C4C4; padding: 0.5em; background: #CEDADA; font-weight: bold;"> 말풍선 스타일 </span></p>

<p data-ke-size="size16"></p>

 

이렇게 저장을 해두시면 서식에서 불러다가 사용할 수 있어서 매번 복사 붙여 넣기를 하지 않아도 돼서 좋더라고요.

무엇이든 내가 편해야죠! 포스팅 작성 시간을 줄여서 한 개라도 더 발행해야 하니 흑흑..

 

선생님 그럼, 서식은 어디서 불러오나요? "Good! question!"

어때요?! 참, 쉽죠?! 혹시라도 어렵거나 잘 모르겠다 싶으신 부분이 있으시면 댓글 남겨주시면 추가로 설명을 드리겠습니다.

구글 SEO에 어긋나는 포스팅이지만 하나라도 같이 공유해서 "튼튼한 파이프 라인 구축" 해야죠ㅎ

"의리의 남자 아닙니까!"

 

선생님.. 그럼.. 색상 코드는 찾으러 가야 합니까..?

"Good! question!" 그럴 줄 알고 또 제가 준비했습니다. 점점, 더 멀어지는 구글 SEO 괜찮습니다!!

"의리의 남자니까!!"

 

원하시는 색상 고르셔서 예쁜 소제목 작성하시고 자랑도 마음껏 해주세요! 자랑 기다리고 있겠습니다!

더 궁금하신 점 있으시면 댓글 달아주시면 밤새워서라도 구글링 해서 개발자 친구 모가지를 비틀어서라도 알아내서 오겠습니다.

이상! 여러분의 의리의 남자! "팔뚝만 마동석"이었습니다.