블로그에 메타사이트 추천버튼, 구독버튼 넣는 방법

많은 블로거분들이 스킨수정을 통해서 추천버튼, 구독버튼 등을 많이 이용하고 계십니다.
물론 제 블로그에도 포스트 하단이나 사이드바에 추천버튼, 구독버튼 등이 있습니다.
티스토리와 같은 설치형블로그를 운용하시는 분들이라면 보통 위의 방법을 다 알고 계시겠지만, 제가 티스토리
블로그를 시작하고 꾸미면서 많은 시행착오를 겪었던 터라 초보 블로거분들께 조금이나마 도움이 될까 하고 포
스팅을 해볼까 합니다. ^^

블로그에 추천, 구독버튼 넣기

우선 블로그에 삽입할 메타사이트나 RSS 등의 이미지나 엠블럼 등을 만들거나 공유해주시는 블로거분들을
통해 이미지를 얻습니다.
그 후에는 Admin 메뉴를 클릭해서 스킨 → HTML/CSS 편집 메뉴로 들어가서 파일업로드를 해줍니다.
(제 블로그 사이드바에 있는 다음뷰 엠블럼을 예로 들어 설명해 드리겠습니다.)

그럼 위와 같이 이미지가 추가된 것을 볼 수 있습니다.

그 후 이미지를 마우스 오른쪽 버튼을 눌러 속성을 클릭하게 되면 다음과 같은 이미지주소가 나옵니다.

바로 저 URL이 이미지파일이 저장된 웹주소입니다.
그리고 삽입할 이미지파일 업로드를 다 했다면 다음 태그를 사이드바의 HTML 배너출력에 삽입하시면 됩니다.

<a href=http://v.daum.net/my/017292 target="_blank" title="뷰 추천하기" border=0><img src=http://cfs.tistory.com/custom/blog/56/561284/skin/images/다음뷰.gif></a>

파란색의 주소는 저의 다음뷰 주소입니다. 주소 뒷부분의 017292 대신에 본인의 다음아이디를 넣으시면 됩니다~
또한 믹시, 올블로그 등의 메타사이트의 버튼을 삽입하셨다면 파란색 주소부분을 지우고 해당 사이트의 주소를
삽입하시면 됩니다. 그리고 빨간색 주소가 스킨에 저장한 이미지파일을 불러오는 주소입니다.

<태그설명>

href → 클릭시 이동할 사이트 주소
title → 이미지에 마우스를 올려놓았을 때 나타나는 설명(말풍선)
img src → 화면에 보여질 이미지파일의 주소
target="_blank" → 클릭시 새창으로 열기(target="_blank" 를 안넣으면 현재창에서 이동하게 됩니다.)

위의 방법은 예전부터 많은 블로거 분들이 설명해주셔서 쉽게 얻을 수 있는 정보입니다.
하지만 저만 그런것인지 모르겠지만 어떤 이미지파일은 파일업로드를 할 때 미리보기가 안되는 경우가 있습니다.
(이유를 아시는 분은 저에게 설명좀 해주세요~  ㅡ.ㅡa)

위와 같이 미리보기가 안되는 경우라면 이미지파일의 주소를 알 수 없기 때문에 이미지를 화면에 출력할 수
없게 됩니다. 때문에 다음 고객센터에 문의를 해보았지만 만족할만한 답변은 얻지 못하여 포기하려던 찰나에 
BLOG SUSPECT 블로그를 운영하시는 용의자님께서 친절하게 방법을 알려주셔서 제가 원하는 이미지의
웹주소를 얻을 수 있게 되었습니다.
그 방법은 바로 블로그에 비공개로 이미지 파일을 올리는 방법입니다.
우선 글쓰기 버튼을 클릭한 후 사용할 이미지들을 올리고 비공개로 저장을 합니다. 그렇게되면 블로그 운영자
만 볼 수 있게 됩니다. 그 후 비공개글을 클릭해서 이미지파일이 보여지면 스킨에 파일을 업로드 할때와 같은
방법으로 진행하면 됩니다~

위와 마찬가지로 보여지는 이미지를 마우스 오른쪽 버튼으로 클릭한 후 속성 클릭

그럼 이미지파일의 주소가 나옵니다. 저 주소를 "img src=" 다음 부분에 넣어주시면 됩니다~
많은 블로거분들이 위와 같은 방법을 알고 있겠지만 혹시 모르는 분들께 조금이라도 도움이 되었으면 하네요~^^
저 또한 많이 알지 못하나 혹시라도 궁금하신 부분은 댓글이나 방명록에 남겨주시기 바랍니다!