티스토리 블로그 타이틀을 이미지로 넣기

블로그 타이틀은 기본적으로 텍스트로 지정되어 있다.
이를 없애 배경 이미지로 타이틀을 보이게 하는 방법.

▶ 경로: 관리자 > 스킨 > HTML/CSS 편집

① skin.html에서 빨간 부분 삭제 (타이틀 텍스트가 없어짐. ()=[])

<div id="blog_title">    <h1><a href="(##_blog_link_##)" title="(##_title_##)">(##_title_##)</a></h1>  </div>

② style.css에서 아래 부분을 찾아 이미지 경로 및 기타 속성을 지정. 빨간 부분을 적당히 수정하면 된다.

/* 블로그 레이아웃 */  #blog_title { background-image: url(images/title.png);  /* 이미지 경로 */ background-repeat:  no-repeat;  /* 이미지 반복 없음 */ background-position: 5px 8px; /* 왼쪽으로부터 5픽셀, 위로부터 8픽셀 떨어진 곳에 위치*/ width: ***px;   /* 가로 크기 */ height: ***px;  /* 세로 크기 */ }

▶ 완성 예