티스토리 블로그에서 사이트 링크 이미지 배너 만들기(HTML 배너 출력)

티스토리 블로그에서 사이트 링크 이미지 배너 만들기(HTML 배너 출력)

1)배너 이미지로 사용할 이미지를 준비합니다. 티스토리 블로그 새로운 게시글 작성에서 이미지를 업로드합니다(비공개) 

 

2)업로드한 게시글에서 이미지를 마우스 우클릭하고 이미지 주소를 복사합니다.

 

3)블로그 관리 페이지로 이동합니다.

 

4)좌측의 플러그인 메뉴로이동합니다.

 

5)배너 출력 플러그인을 적용합니다.

 

6)좌측의 꾸미기 메뉴에서 사이드바로 이동합니다.

 

7)HTML 배너출력 플러그인을 추가하고 사이드바를 선택 및 위치를 설정합니다.

 

8)추가한 HTML 배너출력의 편집으로 이동합니다.

 

9)HTML 소스에서 다음과 같이 입력합니다.

<div>
  <a target="_blank" class="con_link" href="사이트 URL">
    <img 
      style="width: 64px; height: 64; display: block;" 
      src="배너 이미지 주소" 
      alt="Instagram 배너"
      border="0" />
  </a>
</div>

 

href="링크하여 새로열기할 사이트 URL"
src="배너에 사용할 이미지 주소"

 

표시할 배너 이미지 해상도(64 x 64)
style="width: 64px; height 64; display:block;"

 

10)사이드바에 이미지 배너가 출력되는것을 확인할수있으며 클릭하면 링크된 사이트를 열기합니다.