티스토리 블로그 타이틀 텍스트 없애는 방법/타이틀 이미지로 교체 후 링크 거는 방법

티스토리 블로그 타이틀 텍스트 없애는 방법/타이틀 이미지로 교체 후 링크 거는 방법

 

 

1.티스토리 타이틀 텍스트 없애는 방법(링크를 걸지 않는 방식)

 

 

티스토리 블로그 상단의 텍스트로된 타이틀 참 없이보인다..

 

지워 버리자 !!

 

 

관리자모드 - HTML/CSS 편집에서 Ctrl+F를 눌려서

 

skin.html 안에 있는 " header "를 검색한다.

 

붉은 박스 안에 있는 것을 삭제 한다 !!

 

skin.html 안에 타이틀이 하나만 존재하는 경우도 있는데 그때는  그냥 삭제 하면 되고..

 

필자의 블러그 처럼 타이틀이 두개 있는 경우 </a>바로 앞에 있는 것만 지워 주면된다.

 

 

지워졌다.!!

 

 

참고 자료 - 뿐야의지구별여행기::티스토리 블로그

http://engu.tistory.com/

 

 

이제 이미지로 타이틀을 간지 나게 꾸며 보자.!!

 

 

 

 

 

 

타이틀 이미지 준비 ~

 

타이틀 이미지는 바탕 화면의 색상을 생각해서 글씨만 적혀있고 바탕을 투명 하게 유지 할 수 있는

 

PNG파일이나 gif파일를 추천 한다.!!

 

 

 

관리자모드 - 스킨 - 스킨위자드 - 타이틀 - 직접올리기

 

 

짠 ~

 

완성 ~ ㅎ

 

 

 

 

새로운걸 찾아내서 추가 포스팅 하겠다  - 0 -;;

 

 

 

 

티스토리 타이틀 텍스트를 이미지로 교체 후 링크 거는 방법

 

 

 

 

티스토리 관리자 - HTML/CSS 편집 - 파일업로드 - 자신의 블로그 로고 업로드 한다. - 업로드한 파일을 선택 후 오른쪽 마우스 클릭 - 속성을 클릭 - 주소를 복사해서 메모장에 기록 해 둔다.

 

파일명은 영문이여야 하고 타이틀 이미지는 바탕 화면의 색상을 생각해서 글씨만 적혀있고 바탕을 투명 하게 유지 할 수 있는 PNG파일이나 gif파일를 추천 한다.!!

 

 

 

 

 

 

 

관리자모드 - HTML/CSS 편집에서 Ctrl+F를 눌려서

skin.html 안에 있는 " header "를 검색한다.

 

타이틀 이미지 불러오기.txt<-다운

 

핑크색 상자 안에 있는 <h1>와 </h1>사이의 내용을 삭제하고 첨부파일에 있는 내용을 복사해서 붙여 넣는다.

 

 

 

 

 

 

 

 

 

<h1><CENTER><a href="https://pinkschool.tistory.com/" title="핑크스쿨 블로그"><img src="http://cfs.tistory.com/custom/blog/73/738583/skin/images/psbm.png?=1011091322" alt="[ ##_title_## ]" /></a></CENTER></h1>

 

핑크색으로 되어 있는 부분이 이미지 주소다.

미리 메모장에 복사 해둔 자신의 타이틀 이미지 주소로 바꾼다.

 

 

 

짜잔~ !!

 

 링크가 걸려있는 이미지 타이틀 완성 ~ !!

 

 

 

참고 자료 - MUSSO1004 :: 티스토리 블로그
http://musso1004.tistory.com