내 홈피 Title Text에서 로고로 변경하는 방법
블로그를 처음 시작하는 경우.처음에 스킨이나 배너 삽입이나, 다음뷰 추천버튼 이라던가.
모든게 다 어렵게만 느껴지기 마련이죠.
저는 Html은 다룰줄 아는데도....
"이거 대체 어떻게 수정하는 겅미??" 싶은 순간들이 생기더라구요.ㅎ
그중에 간단하게 내 블로그 제목을 이미지로 변경하는 방법을 알려드리겠습니다.
본인 블로그 제목을 이미지로 준비해주세요.
제 블로그의 경우.
간단하게 포토샵으로 Title을 만들어봤습니다.
(되도록이면 gif 이미지로 저장해주세요.)
이미지가 준비 되셨으면.
스킨 > HTML/CSS 로 가셔서 파일업로드에서 이미지를 업데이트 해주세요.
그리고 skin.html에서 아래와 같은 부분을 찾아주세요.
*Ctrl+F를 누르시고 title 로 검색하면 금방 찾으실 수 있어요.
<!-- 블로그제목 -->
<a href="https://enogen.tistory.com/" title="버지니아의 수다공간">Title</a>
<a href="https://enogen.tistory.com/" title="버지니아의 수다공간">Title</a>
위와 같은 부분을 찾으셨나요? 그러면
<a href= ~~~~ > 이 사이에 업데이트한 이미지 주소를 삽입해주세요. </a>
<a href= ~~~~ > 이 사이에 업데이트한 이미지 주소를 삽입해주세요. </a>
<!-- 블로그제목 -->
<a href="https://enogen.tistory.com/" title="버지니아의 수다공간"><img src="./images/main-4.gif"></a>
<a href="https://enogen.tistory.com/" title="버지니아의 수다공간"><img src="./images/main-4.gif"></a>
<img src="./images/이부분에 업데이트한 이미지의 이름을 적어주세요.">
* 파일업로드 후 이미지를 클릭한 뒤 오른쪽 마우스를 클릭하면 그림 정보보기, 또는 그림주소 복사라고 나오는데요.
제 블로그의 title 이미지 주소는 아래와 같습니다.
http://cfs.tistory.com/custom/blog/52/528631/skin/images/main-4.gif
이 주소 그대로 사용을 한다면. 아래와 같이 입력해주시면 되구요.
<img src="http://cfs.tistory.com/custom/blog/52/528631/skin/images/main-4.gif ">
상대경로로 조금 더 편하게 사용하려면.
<img src="./images/main-4.gif"> 이렇게 입력하면 됩니다.
