티스토리 사이드 메뉴 수정해서 자신만의 배너 만들기

 

 

티스토리 블로그를 운영하는 블로거들 중 사이드메뉴에 자신만의 공간으로 활용하고 싶은 분들이 있을 것입니다.

 

한 예로 누군가 지인이 자신의 음식점을 홍보해달라고 할 때 사이드 메뉴에 배너를 단다던가

 

자신의 정말로 공들이고 정성스럽게 만든 블로그 컨텐츠가 아쉽게 묻힐 때 이를 홍보하기 위한 수단

 

혹은 자신이 하고 싶은 말을 할 수 있는 공간으로 사이드 메뉴를 활용할 수 있는데요 ...

 

이렇게 사이드메뉴에 프리하게(?) 자신만의 배너를 만드는 방법을 설명하겠습니다.

 

 

1. 이미지 업로드

- 우선 자신만의 배너 이미지를 만들었다면 그것을 서버에 업로드해야 불러올 수 있겠죠?

  A. 티스토리 관리자모드 - HTML/CSS편집 클릭

  B. 파일 업로드 클릭

  C. 추가 버튼 클릭으로 이미지 업로드

 

2. HTML 소스 수정

- 업로드한 이미지를 사이드메뉴에 넣고 또 링크를 거는 방법입니다.

  A. Skin.html에서 사이드 메뉴를 구성하는 부분으로 가서 아래 화면처럼 <img ....   이 부분을 입력합니다.

      물론 "배너2.jpg"부분을 자신이 업로드한 파일명으로 바꿔주면 됩니다.

 

  B. <a ...  이 부분은 링크를 거는 부분으로 href =  다음에 링크할 주소를 입력해주면 됩니다.