본문 바로가기
디자인

티스토리 블로그 html 배너 출력 플러그인 사용법

by 코딩하는 갓디노 2022. 10. 2.

티스토리 블로그 html 배너 출력 플러그인 사용법

 

티스토리의 플러그인을 사용하여
html 배너 생성하는 방법입니다. 

 

사이드바에 배너 생성하기

티스토리 블로그 메인화면의 사이드바에 html 배너를 생성하겠습니다.

 

html 배너 플러그인 설치

티스토리 관리 > 플러그인 화면에서 배너 출력을 설치합니다.

 

배너 파일 업로드

  • 티스토리 관리 > 스킨편집 > html 편집 > 파일업로드로 가서 배너 이미지를 업로드 시킵니다.
  • 업로드 이미지 오른쪽 마우스 클릭 > 링크 주소 복사를 해놓습니다.

 

html 배너 코드 적용

  • html 배너 모듈을 설치하였으므로  티스토리 관리의 사이드바 선택시 사이드바3에 html 배너출력 플러그인이 나타납니다. 
  • 편집 선택

 

  • 배너 이름과 html 소스를 적용합니다.
  • <a href="링크 url" target="_blank"><img src="좀전에 복사한 이미지 링크 주소" alt="이미지 설명글" /></a> 의 코드 입력

 

배너 위치한 사이드바에 옮기기

  • 사이드 바 > 기본 모듈 > 편집한 html 배너 출력 > 사이드바3
  • 사이드바3에 생성된 html 배너 출력 확인

 

이렇게 완성이 되었습니다. 

메인 화면 사이드바에 내가 저장한 배너가 잘 나오고, 클릭시 해당 링크로 이동합니다. 

반응형

댓글