티스토리, 이미지의 위치 알기 여러 방법

본론으로 들어가기 전에 

티스토리블로그,이글루스블로그,텍스트큐브블로그는 파일을 올릴 수 있는 곳이 있는데 다음블로그과 네이버블로그 등에서는 올릴 수 있는 곳이 없으니 집어쳐야 할 것 같지만 이 글에서 설명하는   방법이 있으니 티스토리 블로그를 사용하시다가 혹시 필요할지 모르니 있다는 이 글에서 나온 것 처럼도 할 수 있다는 것을 알아두세요. 아래 그림과 같이 여러분이 다 아시는 티스토리 블로그의 스킨 메뉴의 HTML/CSS 편집으로 파일을 올리는 것이 아님을 알아두세요. 

이미지의 올려 위치 알기 

지금부터 설명하는데 저는 비록 현재 크롬플러스가 아닌 크롬6을 사용하지만 일반 사람들이 많이 사용하는 익스플로러에서 저는 익스플로러8으로 설명합니다. 

1. 특별한 방법으로 글에 사진을 삽입하는 것이 아니라 평소에 여러분이 글에 사진을 삽입하는 것처럼 합니다. 그리고 사진을 마우스 왼쪽이 아닌 오른쪽 버튼으로 클릭한 후 제일 그림의 빨간박스에 안에 있는 속성을 클릭합니다. 제가  바로 위에서 익스플로러8로 설명한다고 했습니다. 참고로 저의 크롬 플러스가 아닌 크롬 6에서는 이미지 URL 복사(O)이고 파이어폭스에서는 어떻게 되는지 모르겠습니다.

2. 그러면 아래 그림에서 빨간색박스안의 주소가 사진의 주소가 되게 됩니다. 이 글은 단지 사진의 위치를 알기 위한 것이니 취소 버튼을 눌러 글 작성을 하지 않습니다. 글을 작성하지 않은 이유는 단지 사진의 주소만 알면 되기 때문이니 글을 작성할 사람은 작성해도 됩니다.  혹시 취소를 누르면 파일도 없어지지 않을 것인가 걱정할 텐데 그런 걱정을 하지마세요. 글의 파일첨부의 삭제를 하지 않는한 글의 작성을 취소해도 파일은 삭제되지 않으니까요. 예전에 네이버 블로그에서 일일 블로그 허용용량이 10M였나 잘 모르지만 네이버 블로그 팁에는 일일 용량에 제한에 걸리지 않기 위해서는 글을 삭제하거나 취소할 때 반드시 첨부파일을 삭제하라고 했습니다.

파일의 스킨에서 위치알기 

• HTML/CSS 편집에 있는 파일 업로드로 파일을 올린 후 skin.html에서의 위치는 점 두개가 아닌 점 하나인 아래와 그림같이 ./images/ 파일명이 됩니다. 글에서는 이렇게 안됩니다. 점 두개가 아닌 하나와 디렉토리 이름은 image가 아닌 images입니다.

• 티스토리 블로그에는 파일을 올릴 수 있는 곳이 있으니 그곳에 올린 파일의 정확한 위치는 http://juneymedia.tistory.com/63 글을 보시면 아실 수 있을 것입니다.

아래의 글은 저의 네이버 블로그에 적었던 내용입니다. 여러분이 이 블로그에서 말하는 것이라 착각하시면 안됩니다. 그러니 아래에서 블로그는 네이버 블로그이지 티스토리 블로그가 아닙니다.

 

1. 블로그에 배너이미지를 달기 위해 원하는 가로크기가 170인 배너이미지를 포스트에 이미지를 삽입하는 것처럼 삽입합니다. 이미지의 주소만 알면 되니  포스트의 카테고리,포스트의 제목 등을 적을 필요없습니다. 그리고 이미지위에 마우스 오른쪽 버튼을 클릭한 후 속성을 눌러 나오는 창에서 아래 두번째 그림의 빨간색 직사각형 부분을 복사하면 이미지 주소를 알았으니 이미지를 삽입한 글은 삭제해도 됩니다. 참고로 네이버 블로그의 사이드바는 무조건 170입니다.

※ 여기서 아셔야 할 것이 있는데 다름아니라 이미지의 주소어떻게 아는 것인데 그냥 따라만 하시지 마시고 어떻게 이미지 주소를 아는지는 알아야 됩니다.

2, 윈도우 XP에서 기본으로 시작 - 모든 프로그램 - 메모장을 클릭하는데 윈도우 운영체제(XP,VISTA,WIN7)는 다 메모장이 있습니다. 메모장이 실행되면  <img src="라고 쓰고 키보드의 Ctrl키와 V키를 동시에(Ctrl+V) 눌러 아까 복사한 이미지 주소를 붙이고 "> 해서 닫아주면 아래 그림과 같이 됩니다.

3. 그 다음에 이미지에 링크를 걸어 주는데 외부에 다른 사이트 링크보다는 저의 블로그에서 가장 인기가 있는 포스트에 링크를 걸도록 하겠습니다.  여러분의 원하는 포스트로 이동한 후 아래 그림에서 보듯이 제목 오른쪽에 복사라고 곳을 클릭하면 포스트의 주소가 복사됩니다.

4. 아까 작업한  메모장으로 돌아가서  <img 태그 앞에 <a href=" 쓴 다음 Ctrl키와 V키를 동시에(Ctrl+V) 눌러 포스트의 주소를  붙이고 "> 쓰면 아래 그림처럼 됩니다.

5. img 태그 마지막에 </a> 로 배너의 링크를 마무리하면 이미지를 클릭하면 그곳으로 이동하게 됩니다.  아래 코드 전체를 복사합니다. 

6.  메모장에서  브라우저로 넘어 와서 블로그 위의  리모콘을 클릭한 후 리모콘 제일아래의  레이아웃을 선택합니다. 스크롤바를 내려 위젯직접등록 BETA를 찾아 클릭하고 창이 나오고 옆에 처럼 위젯명에 등록할 위젯 이름을 먼저 적는데 간단히 배너 위젯이라고 적습니다. 위젯명을 여러분이 원하는 이름이 해도 상관없고 만약 위젯명을 개똥이 위젯 이라고 해도 됩니다.

위젯코드입력에 커서를 가게 한 후 Ctrl 키와 V키를 동시에(Ctrl+V) 눌러 코드가 붙여지면 옆 그림처럼 됩니다. 아래의 다음 버튼을 누르면 배너이미지  미리보기가 나오고 끝으로 등록 버튼을 눌러 마무리 합니다.

※ 위젯코드입력 아래의 블로그 이용 TIP에 나오는 내용으로  위젯등록은 최대 20개까지 등록이 가능하고 위젯 가로의 최대 크기는 170px(픽셀)이고 세로의 최대 크기는 600px(픽셀)입니다.  다시한번 말하지만 가로 최대크기는 170이니 가로의  크기가 170을 넘으면 위젯에 가로스크롤바가 생깁니다.

결론에 들어가서

네이버 블로그에 파일 올리는 곳이 없을 때는 위와 같은 방법으로 한다고 알아두세요. 혹시 나중에 사용할 일이 있을지 모르고 혹시 스킨에 필요한 파일은 파일 업로드를 사용하시고 스킨과 관련없는 파일은 경우는 위와 같은 방법이 어떨까 합니다. 스킨과 관련없는 파일을 올리면 스킨이 크기가 커지니 아래와 그림과  같이 스킨의  용량이 커져 현재 스킨을 다운도 받지 못할 것 같습니다.