티스토리 블로그의 사이드바(Sidebar)에 이미지 배너 달기

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

 

 

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. 블로그에서 사이드바의 배너를 확인해 보자.