블로그 관리에 있어서 중요한 점이 있습니다.
포스트할때 그냥저냥 글을 쓰시는 분들도 있지만, 인터넷 사용자에게 중요한 것은 분류!
정보를 얼마나 잘 분류해서 보여주냐에 따라 사용자들은 만족하는 정보를 쉽게 얻을 수 있게 됩니다.
따라서 오늘 해볼 것은
이것↓
소제목 줄 구분선 넣기
입니다.
사실 html 코드로 일일이 넣어주는 것도 괜찮지만,
style.css 를 통해 <h5> 태그의 속성을 변경해줄까합니다.
다시 말하자면, html에 <h5> 태그를 쓸 때마다 소제목 줄이 쫙!
h1 ~ h5 는 폰트의 크기를 설정할 수 있는 태그인데요
그 중 h5는 약 7.5pt의 작은 크기의 설정값을 가지고 있기 때문에 가장 쓸 일이 없어서,
이 속성값을 변경해주는 것입니다.
h5 { border-bottom:2px solid #000000; border-left:6px solid #000000; color:#000000; font-size:18px; margin:0; padding:5px 5px 5px 5px; } |
위의 코드를 복사해서
이부분에 넣고
글쓰기 할때! 오른쪽 상단에 HTML 표시를 체크해주시고,
<h5> "하고싶은말" </h5> << 와 같은 형태로 써 주시면 됩니다.
이상 아이블루 였습니다.
'블로그 관리' 카테고리의 다른 글
애드센스 CTR 향상을 위한 제목 디자인 팁 (0) | 2023.05.25 |
---|---|
티스토리 무료 스킨/템플릿 모음 (0) | 2022.09.09 |
블로그 차트, 내 블로그 순위를 알아보자 (0) | 2021.01.30 |
구글 애널리틱스 티스토리 내부 트래픽 필터링 (0) | 2021.01.21 |
웹사이트 일일 방문자 통계, 분석 사이트 소개 (SimilarWeb, Website Informer) (0) | 2021.01.21 |