잡동사니2014. 9. 11. 21:14


네이버의 이웃, 서로이웃에만 익숙한 블로거들이 많아 티스토리 블로그를 구독할 수 있는 방법을 포스팅하고 이를 쉽게 참조할 수 있도록 배너로 달아 보았다.

 

 

1. 아무래도 글 목록에서 찾는 것보다는 배너가 좀 더 눈에 들어 오지 않을까 싶어서인데, 일단 자신의 블로그 사이드바에 맞는 배너를 먼저 제작한다.

 

 

 

 

 

 

2. 관리자 메뉴의 HTML/CSS 편집 메뉴를 클릭 한다.

  

 

 

 

 

 

3. 본문의 상단 파일업로드 탭을 선택한다.

 

 

 

 

 

 

4. 추가 버튼을 클릭하여 제작한 배너를 업로드한다.

 

 

 

 

 

 

5. 업로드된 파일명을 클릭하면 본문 좌측의 미리보기에 배너를 볼 수 있다.

 

 

 

 

 

 

6. 미리보기의 배너에 우클릭 하여 해당 이미지의 URL을 알아낸다.

 

 

 

 

아래 이미지의 파란색으로 반전된 부분이 이미지 URL이며 확장자 .jpg 이하는 필요 없다.

Ctrl + C로 URL을 복사해 두자.

 

 

 

 

 

7. 배너도 제작했고 업로드된 배너의 URL도 알아냈으니 이젠 사이드바에 등록해보자.

 

 

먼저 좌측 사이드바 메뉴를 클릭한다.

 

 

 

 

 

8. 본문 중간의 이미지 배너출력 추가(+)를 클릭한다.(붉은색 화살표 참조)

 

 

 

 

 

9. 추가된 이미지 배너출력 모듈을 원하는 위치로 드래그한다.

 

 

 

 

 

 

10. 이미지 배너출력의 편집 버튼을 클릭한다.

 

 

 

 

 

이름, 이미지 URL, 연결할 URL을 입력한다.

 

이름은 자신이 확인할 수 있는 용도로 사용하며 6항의 배너 URL을 이미지 URL에 입력한다.

 

 

 

 

 

 

11. 우측 상단의 저장 버튼을 누르면 사이드바의 배너 등록이 완료된다.

 

 

 

 

 

 

12. 블로그에서 사이드바의 배너를 확인해 보자.

 

 

 

 

 

 

 

 

 



Posted by Dmitri

댓글을 달아 주세요

  1. 익명

    비밀댓글입니다

    2014.11.24 21:30 [ ADDR : EDIT/ DEL : REPLY ]
    • 본문 8번 항의 이미지(붉은 화살표 부분)를 다시 한번 보시고 확인 바랍니다.
      이미지 배너출력, HTML 배너출력이 안뜰리가 없을텐데요.
      티스토리는 모두 동일합니다.

      2014.11.24 21:39 신고 [ ADDR : EDIT/ DEL ]
  2. 알 수 없는 사용자

    다운 받은 스킨을 혼자 이렇게 저렇게 고쳐보려 노력하던 중이었는데 글 내용이 도움이 많이 되었습니다. 감사합니다ㅎㅎ

    2015.03.23 01:28 [ ADDR : EDIT/ DEL : REPLY ]
    • 배너달기는 제가 아는 유일한 내용이었는데 자꾸 까먹어서 아예 정리를 해봤습니다. ^^
      도움이 되었다니.. 다행입니다.

      2015.03.23 12:20 신고 [ ADDR : EDIT/ DEL ]