티스토리 블로그 꾸미기 - 소제목 서식 변경

티스토리 블로그 꾸미기에서 소제목 서식 적용하는 방법을 알아보겠습니다. 제목을 제외한 H2 태그부터는 글자 크기나 색상만 변경이 가능한데 조금 더 눈에 띄는 테두리 서식을 적용해 보겠습니다.

티스토리 블로그 소제목 꾸미기 방법

다른 사용자 블로그를 들어가다 보면 아래와 같이 테두리가 쳐져 있는 것을 많이 보았을 것입니다. 사용자에게 좀 더 깔끔한 소제목을 제공할 뿐만 아니라 글의 가독성을 높이는 효과도 있습니다.

사이드 바 메뉴에서 스킨 편집으로 들어가 줍니다. html 편집 클릭해 줍니다.

CSS 탭으로 들어갑니다. CSS CONTENTS 중에서 06. Entry Content 으로 들어가 줄 겁니다. Ctrl+F5를 눌러 찾기가 나오면 Entry Content 입력한 후 엔터를 칩니다.

entry-content h1 태그인 타이틀부터 적용된 폰트 사이즈 및 색상 등을 확인하실 수 있습니다. 우리는 제목을 제외하고 h2 소제목을 변경할 겁니다.

아래의 코드를 전체 드래그하여 복사하여 줍니다.

border-bottom:2px solid #333333;

border-left:10px solid #333333;

padding: 5px 15px;

color 다음줄부터 붙혀 넣기를 합니다.

간략적으로 소스 설명을 드리자면 bottom은 2px 선 굵기로 그어주고, left는 10px 굵기, 그리고 padding은 선과 글자 사이의 간격을 입력해 주었습니다.

소제목의 색상도 변경할 수 있습니다. color 글자 부분에 마우스 커서를 갖다 대면 아래와 같이 rgb(red, green, blue) 값을 통해 글자 색상을 변경할 수 있습니다. 마음에 드시는 색상을 바로 클릭하여 적용할 수 있습니다.

소제목 서식 변경으로 더욱 깔끔한 블로그 글이 되길 바랍니다. 또 다른 블로그 꾸미기도 글을 게재할 예정입니다.