본문 바로가기
블로그 팁

티스토리 블로그 타이틀, 이미지로 바꾸는 방법

2010. 1. 30.

본인이 만든 이미지 타이틀을 바꾸는 방법, 변경하기

<h1><a href="[ ##_blog_link_## ]" title="[ ##_title_## ]">[O##_title_##O]</a></h1>

1. 티스토리 스킨.html 부분에서 컨트롤+F로 위와 같이 노란색으로 표시 해 둔 치환자를 찾는다. 
2. 현재 위에 노란색으로 표시된 치환자는 [괄호와 #샵 사이를 한칸 띄운 상태이다. 그러므로 복사해서 붙여
   넣기 하 실 때에는 "꼭" 붙여서 입력 한다.  ex) [샵샵_title_샵샵] ←요렇게 붙이면 된다. 

3. 아래의 코드를 노란색 치환자 부분을 지우고 아래와 같이 넣어준다.
<img src="./images/이미지파일이름.jpg" alt="[ ##_title_## ]" /> 
   [O##_title_##O] ←동그라미 친부분 띄어쓰지 말고 "꼭" 붙이기
                                                                 변경 전

                                                              변경 후
4. 완성 됬습니다.  저장하기 전 미리보기로 확인하시기 바랍니다.
5. 혹시 이미지 크기가 커서 아래쪽으로 밀릴 경우가 발생 할 수 있습니다. 대처 방법으로는 
     

 위 그림과 같이 (관리자화면 → 스킨 → 스킨 선택 → 스킨위자드 → 타이틀 → 텍스트 → 높이조절)
높이를 조절하면 된다.


 6.마지막으로 위 방법이 안될경우 이미지의 가로,세로 길이를 줄여서 넣도록 한다.
  (width:이미지가로길이px; 와 height:이미지세로길이px 사이즈를 조절 해 보자.) 
<img src="./images/이미지파일이름.jpg" width="가로크기" height="세로크기" alt="[ ##_title_## ]" />


[ 참고 ] 여러가지 이미지 속성들

<img 속성> align, alt, boder, height, hspace, ismap, lowsrc, name, src, usemap, vspace, width
align =left, right, top, texttop,middle,absmiddle, baseline, bottom, absbottom

<img src="이미지주소" width="가로크기" height="세로크기" border="테두리" align="이미지정렬" alt="이미지설명" vspace="가로간격" hspace="세로간격" name="그림의이름">
이벤트 : 이벤트 믹시, 다음뷰 친구 맺고 선물도 받고, "놀라운" 이벤트
반응형

댓글