본문 바로가기
블로그

티스토리 블로그 기본 타이틀 감추기

by 이윤기 2020. 10. 7.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
728x90

※ 티스토리 블로그 기본 타이틀(텍스트) 삭제하기 - 구글링을 통해 친절하게 포스팅 된 내용을 보고 방법을 알아냈지만 시간이 지나면 또 까먹을 것 같아서 기록으로 남겨 둡니다. 또 나중에 삭제한 기본 타이틀을 되살릴 때도 기록이 있어야 하겠지요. 

 

※ 티스토리 스킨을 변경하기 전에 가장 먼저 현재 스킨을 저장하고 수정하는 것이 좋습니다. 변경 전에 원래 스킨을 저장해 두면 언제라도 처음 상태로 되돌아갈 수 있습니다. 

티스토리 블로그를 만들면서 블로그 제목을 정해주면 자동으로 블로그 상단에 제목이 나옵니다.  제 블로그의 경우는 <<사람읽기 책읽기 사람살이>라는 제목이 나오지요. 

 

여기에 텍스트 타이틀 대신에 그림 파일 등을 넣어서 제목을 변경하는 여러가지 방법이 있습니다. 제가 사용하는 스킨의 경우는 스킨 위자드를 사용하여 쉽게 타이틀 그림을 바꿀 수 있습니다. 

 

스킨 위자드를 사용할 수 없는 티스토리 스킨은 직접 HTML-CSS 파일을 변경해주면 그리 어렵지 않게 타이틀 그림을 밖바꿀 수 있습니다. 

 

하지만, 타이틀을 그림 파일로 변경하고 나면 티스토리 기본 타이틀(텍스트)과 겹쳐서 나타나서 깔끔하지가 않습니다. 꼼수를 부리면 스킨 위자드에서 그림 파일의 배경과 글자색을 같은 색으로 바꿔주면 숨길 수도 있습니다. (이 포스팅 맨 아래쪽에 스킨 위자드 변경 화면이 있는데, 배경색을 그림 파일 바탕과 똑같은 색으로 수정해 주시면 됩니다. 색상 코드는 크롬 추가 기능 설치에서 ColorZilla를 설치하면 그림 파일 바탕과 똑같은 색상 코드를 알아낼 수 있습니다.)


하지만 결국 완벽한 해결 책은 티스토리 기본 타이틀을 지우는 것이 가장 완벽한 방법입니다. 아래 사진을 보시면 이해가 빠르실겁니다. 

 

위 사진은 티스토리 기본 타이틀 텍스트 제목과 그림 파일(김용택의 참교육이야기)가 겹쳐서 나온 것입니다. 

 

이 사진은 티스토리 기본 타이틀 제목(텍스트)를 삭제한 화면입니다. 위의 화면을 아래 화면처럼 바꾸는 방법입니다. 

티스토리 기본 타이틀을 삭제하려면 HTML 코드를 수정하여야 합니다.(저에게 HTML은 외계 언어입니다 ㅋㅋ)

티스토리 관리화면으로 들어가 HTML/CSS 편집을 클릭합니다. 그리고 HTML 편집을 선택하여 코드를 일부 수정해주시면 됩니다. 아래 사진 왼쪽 창은 수정된 결과를 보여주는 화면이고, 오른쪽은 HTML를 수정하는 창입니다. 

 

오른쪽 화면만 확대해서 자세히 살펴보겠습니다. 

 

'블로그 제목' 바로 아랫 쪽에 보시면 title에 관한 코드가 있습니다. 

원래 코드는 <<h1><a href="https://www.ymca.pe.kr/" title="세상 읽기, 책 읽기, 사람살이">세상 읽기, 책 읽기, 사람살이</a></h1> 입니다. 

앞쪽에 <!-- 을 삽입하고 맨 뒤에 -->를 삽입하면 원래 코드가 작동하지 않습니다.  


<!--<<h1><a href="https://www.ymca.pe.kr/" title="세상 읽기, 책 읽기, 사람살이">세상 읽기, 책 읽기, 사람살이</a></h1>-->  요렇게 고쳐주면 더 이상 기본 텍스트 제목이 나타나지 않게 변경됩니다. 

 

나중에 블로그 타이틀을 다시 복원해야 하는 경우 <!--와 -->만 삭제 해주시면 원상복구 가능합니다.

 

그런데 문제는 이렇게 타이틀 텍스트를 없애고 나니 아래 쪽에 있던 메뉴와 방문자 통계, 검색 메뉴 등이 위로 밀려 올라가 버렸습니다. 

 

그래서 저는 줄바꿈 코드를 입력 하였습니다.  <br><br><br><br><br><br><br><br><br><br><br><br><br> 줄바꿈 코드<br>을 13개 입력하였더니 적당한 위치로 다시 내려 왔습니다. 

이렇게 변경한 후에 오른쪽 상단 <적용>을 클릭하시면 블로그 스킨이 원하는데로 바뀌게 됩니다. 

 

 

아 그리고 여기서 잠깐 블로그 상단 제목을 그림 파일로 바꾸는 방법도 추가로 정리해 봅니다. <김용택의 참교육이야기> 그림 파일로 블로그 타이틀 제목을 바꾸는 방법입니다. 

 

먼저 HTML 수정 메뉴로 가서 <파일업로드>를 선책합니다. 

 

맨 아래 쪽으로 가시면 +추가 메뉴가 있습니다.  추가를 누르신 후에 title-6.jpg 파일을 선택한 후에 업로드 해주시고 아래 사진처럼 CSS로 가서 코드를 수정해주시면 됩니다. 

 

오른 쪽 창이 CSS 코드를 수정하는 곳인데요. 오른쪽 창만 확대해서 한 번 살펴보겠습니다. 

 

빨간색 상자 안에 보시면 title-6.jpg라는 파일 경로가 있습니다.  자신이 업로드 한 파일 이름으로 바꾸어주면 블로그 타이틀 화면을 그림 파일로 바꿀 수 있습니다. 

 

만약 자신이 사용하는 스킨이 티스토리 스킨 위자드 기능이 포함된 스킨이면 간단하게 스킨 위자드만 변경해도 원하는 그림 파일로 타이틀 화면을 바꿀 수 있습니다. 

 

위 사진처럼 블로그 관리자-스킨 변경-스킨 위자드 편집 화면으로 가신 후에, 

타이틀-직접올리기- 파일 선택을 누른 후에 자신이 원하는 title-6.jpg를 선택하고 정렬 위치는 상단 가운데로 설정해주시면 됩니다. 

 

 

728x90

댓글1