Loading
2015.02.20 21:01 - 사랑행복

티스토리 블로그 - 본문 소제목 꾸미기


* 본문에 작성한 글이 길어지면, 가독성이 떨어지게 

마련이다.


* 그렇게 가독성이 떨어지게 되면 방문자는 글을 다 

읽지 않고 나가게 된다.


* 그것을 미연에 방지하기 위해서, 방문자가 본문을 쉽게 

읽을 수 있도록 중간에 소제목들을 적어주는 편이 좋다.


* 소제목은 단순히 본문을 작성할때 꾸밀 수도 있지만

HTML 태그를 사용하면 좀더 비쥬얼하게 꾸밀 수 있다.




티스토리 블로그 본문 소제목 꾸미기 1번.


명령어.txt


* 해당 명령어를 'style.css' 가장 마지막 부분에 추가한다.


* 소제목 밑줄 색.  border-bottom:2px solid #000000;


* 소제목 글씨 색.  color:#FF0000;


* 소제목 왼쪽 색.  border-left:5px solid #000000;



티스토리 블로그 본문 소제목 꾸미기 2번.


* 글쓰기 창에서 오른쪽 상단의 'HTML 버튼'을 누른다.


* HTML 모드로 전환되면, 위의 스크린샷처럼 소제목으로

표시할 부분 앞뒤에 각각 <H5> </H5>를 적는다.



티스토리 블로그 본문 소제목 꾸미기 3번.


* H5 태그를 이용해, 소제목을 꾸민 모습이다.


댓글을 입력하세요

  1. BlogIcon 료꼬 2016.05.12 19:12 신고

    본문 소제목을 사랑행복님처럼 광고까지 넣어서 하고싶은데 정보공유 되나요 ?

  2. BlogIcon 료꼬 2016.05.13 19:35 신고

    음 제꺼같은 경우에 ... 배치만 대충 끼워 맞춘 것인데요 그래서 반응형 구동이 잘 되지 않습니다.. 익스플로러의 크기를 줄이면 깨지는 현상이 발생하는데 .. 사랑행복님 블로그는 소제목 구분선의 크기가 고정이 되어있더라구요

    • BlogIcon 사랑행복 2016.05.13 23:31 신고

      태그를 사용한 소제목을 말씀하시는 것 같은데, 위에서 설명하고 있는 것이
      질문하신 부분 입니다.
      1번 부분의 코드를 style.css에 추가하시고, 수정하고 싶으신 글에서 코드를 사용하시면 됩니다.

      주의하실 것은 매번 글을 쓸 때마다 소제목을 정리하기 위해서는
      글에서 태그를 수정해주어야 한다는 것입니다.

      만약 그래도 이해가 가지 않으시다면
      구글등에서 '티스토리 블로그 소제목 태그' 라고 검색을 해보세요.

  3. BlogIcon 료꼬 2016.05.14 10:12 신고

    헛 감사합니다 덕분에 했어요!

  4. 감사합니다. 2018.01.21 17:06 신고

    저는 다른 브라우저에서는 잘 되는데 익스플로러에서는 적용이 안되어 나오는데 혹시
    방법을 알고계신가요ㅠㅠ
    몇시간째 해결을 못하고 있네요ㅠㅠ

    • BlogIcon 사랑행복 2018.01.22 11:02 신고

      똑같은 블로그인데도 크롬과 익스플로어에서 다르게 나오는 건
      해당 프로그램에 미리보기 캐시가 남아있을 경우입니다.
      익스플로어에서 봤던 페이지 삭제를 해보시고 다시 접속을 해보세요.