본문 바로가기
티스토리의 모든것

티스토리 소제목 컬러로 예쁘게 꾸미기 서식 응용 (가독성 상승)

by 츄랜드 2023. 2. 8.
반응형

티스토리 소제목 꾸미는 방법 알려드리겠습니다.

한눈에 들어고 눈에 띄는 컬러로 가독성을 더 올릴 수 있는 방법입니다.

칙칙한 블로그에 컬러 소제목을 사용하여 화사하게 만들고, 그로 인해 방문자들이 좀 더 블로그에 오래 머물게 하는 비법입니다. 5분이면 뚝딱 바꿀 수 있는 방법을 알려드리겠습니다.

 

티스토리-소제목-꾸미는-방법
티스토리 소제목 꾸미기

이렇게 좌측바와 아래 밑줄을 넣으므로 깔끔한 틀로 바꿔주고, 컬러를 입혀서 상큼하게 바꿔보겠습니다.

 

 

 

티스토리-소제목-꾸미는-방법

 

 

 

티스토리 소제목 꾸미기

티스토리-소제목-꾸미는-방법
티스토리 소제목 꾸미는 방법

▶먼저 나의 블로그 [관리] 탭으로 들어갑니다.

▶왼쪽 콘텐츠 항목에서 [서식 관리]를 찾아줍니다

▶[서식 쓰기]를 눌러줍니다.

 

 

티스토리-소제목-꾸미는-방법
티스토리-소제목-꾸미는-방법
티스토리 소제목 꾸미기 코드

▶기본 모드를 HTML모드로 바꿔줍니다.

▶제목에 원하는 제목을 넣고 코드를 넣는 곳에 첨부된 파일 안의 코드를 넣어주세요.

 

티스토리 소제목 꾸미기 코드.txt
0.00MB

 

 

 

티스토리-소제목-꾸미는-방법
티스토리 소제목 꾸미기

코드를 넣고 기본모드로 다시 돌아오면 이렇게 소제목의 틀이 생깁니다.

아직은 컬러를 넣지 않아 기본 모드인 블랙 색상이 있습니다.

이제 컬러로 바꿔주는 작업을 해줍니다.

 

 

 

티스토리-소제목-꾸미는-방법

사진을 클릭해서 보시면 좀 더 크게 보실 수 있습니다.

▶노란 박스 안에 보더 바텀, 보더 레프트를 보실 수 있습니다.

▶그리고 또 빨간 박스 안에 색상 코드가 적혀 있습니다.

▶저 색상 코드를 원하는 색상 코드로 바꿔주겠습니다.

 

티스토리-소제목-꾸미는-방법

 

이전에 포스팅한 무료 컬러 코드 사이트 이용방법에 대한 포스팅입니다.

참고하시면 도움이 되겠습니다.

 

 

 

티스토리-소제목-꾸미는-방법

무료로 컬러를 볼 수 있는 사이트에서 마음에 드는 색상을 골라줍니다.

▶지금 보이는 핑크배경 위에 있는 코드를 복사하거나, 상단에 있는 컬러표에서 코드를 복사하시면 됩니다.

 

 

 

티스토리-소제목-꾸미는-방법

▶ 복사한 코드를 빨간 네모 박스 안에 있는 #000000 이곳에 복사한 코드를 넣어줍니다

▶만약 좌측바와 아래 밑줄의 색상을 다르게 하고 싶으시면 각각 다른 색상의 코드를 넣어주시면 됩니다.

 

 

 

 

티스토리-소제목-꾸미는-방법

▶ 코드를 넣은 후 완성작의 모습입니다.

▶ 제목에는 스스로 알아보기 쉽게 색상 이름을 넣어줍니다.

 

 

 

티스토리-소제목-꾸미는-방법

 

똑같은 방법으로 그린 색상으로 하나 더 만들어 봤습니다

칙칙한 검은색 소제목보다는 조금 더 예뻐서 좋은 거 같습니다.

 

 

 

 

 

반응형

댓글