티스토리 블로그 글 제목 디자인 변경하기(수정, 바꾸기) 방법

티스토리 블로그는 다른 블로그보다 블로거가 원하는 디자인으로 색상을 바꾸거나 아이콘을 넣거나 여러 플러그인 기능을 삽입해서 자유롭게 꾸밀 수 있다는 것이 큰 장점입니다. 이번 시간에는 블로그 글 제목에 아이콘을 넣고 변경하는 방법과 글 제목 배경 색상을 바꾸는 방법에 대해서 알아보도록 하겠습니다. FastBoot 스킨을 사용하고 계신 분들이라면 글 제목 왼쪽에 상병 마크, 석 삼과 같은 三 이러한 아이콘으로 되어 있을 것입니다. 그리고 기본 색상이 회색으로 되어 있을 것입니다. 전체적으로 흰색, 회색으로 디자인 되어 있는 스킨이기 때문입니다. 

회색은 안정적이고 침착한 분위기를 내는 색이지만, 어떻게 보면 조금은 칙칙하고 우울해보이는 색일 수도 있습니다. 그런 의미에서 글 제목만큼은 회색이 아닌 조금 더 밝은 색상을 띠는 색으로 바꾸어 보도록 하겠습니다.

블로그 글 제목의 최종 모습은 이렇게 연필 모양의 아이콘과 밝은 하늘색 배경색이 되도록 해봅시다. 

 블로그 글 제목 아이콘 변경 방법

먼저, 블로그 화면에서 q 버튼을 눌러 관리 화면으로 들어갑니다.

관리 화면 왼쪽에 꾸미기가 있습니다.

그 아래에 있는 HTML/CSS 편집을 클릭합니다.

오른쪽 화면 아무 곳이나 클릭한 후 

Ctrl키와 F키를 동시에 눌러 위에 검색창이 뜨도록 합니다. 

검색창에 포스트의 본문 시작을 입력하고 엔터를 쳐줍니다. 

위 화면처럼 포스트의 본문 시작이 보이면 그 아래 줄에 있는

  <i class="fa fa- > 부분이 보이실 겁니다. 

위 사진에서 옅은 분홍색으로 칠해준 곳에 pencil이라고 입력을 하고 

화면 오른쪽 위에 있는 저장 버튼을 누릅니다.

그리고 블로그로 와서 보면 글 제목 아이콘이 

상병 마크에서 연필 모양으로 바뀌어져 있는 것을 확인하실 수 있습니다.

만약 연필모양이 마음에 들지 않는다. 

좀더 개성 있는 모양으로 아이콘을 바꾸고 싶다. 

라고 생각하시는 분들이라면, Font Awesome이라는 사이트에서 

마음에 드는 아이콘을 골라 바꾸실 수 있습니다.

아래 글을 통해 더 다양한 아이콘을 이용해서 적용해봅시다.

※ 관련글 : FontAwesome 아이콘으로 티스토리 블로그 꾸미는 방법

 블로그 글 제목 바탕색 바꾸는 방법

이번에는 글 제목 바탕색을 바꿔보도록 하겠습니다. 

위와 동일한 방법으로 HTML/CSS 화면에 진입합니다.

아까는 HTML에서 작업을 했지만, 

이번에는 상단의 CSS를 눌러 CSS에서 작업을 해주셔야 합니다. 

화면 오른쪽 아무 곳이나 한 번 클릭해주고,

 Ctrl키와 F키를 눌러 검색창을 띄워 

h3.title이라고 써주고 엔터를 누릅니다. 

h3.title이 검색이 되면 아래 부분에 

background : #~~~~~~; 이라고 되어 있는 부분이 보일 것입니다. 

여기에서 샵(#) 뒤에 본인이 원하는 색상코드를 넣어 배경색을 지정해준 후 

오른쪽 위 저장 버튼을 눌러 저장해주시면 되겠습니다.

색상코드 관련해서는 관련글을 참고해주세요.

※ 관련글 : HTML 색상표, 색상코드표, 컬러코드표 간단히 이용하기

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!