시작하며  

    티스토리 블로그에서 배너출력 플러그인을 이용해서 좌측이나 우측 사이드 메뉴에 HTML 배너를 삽입하는 방법에 대해서 알아보려고 합니다. 플러그인 설정을 해야만 사용할 수 있는 기능으로 저도 처음에는 찾지 못해서 많이 헤맨 기억이 있습니다. 배너출력 플러그인을 이용하면 애드센스 광고를 삽입하거나 직접 만든 배너 등을 사이드 메뉴에 넣을 수 있습니다.



       

    티스토리 배너출력 플러그인 사용 방법

     

    티스토리 배너출력 플러그인을 사용할 수 있도록 설정하고, HTML 배너출력을 사용하는 방법에 대해서 알아보겠습니다.


    티스토리 플러그인 설정

     ✔ 티스토리 관리자에서 플러그인 > 플러그인 설정 메뉴를 선택합니다.


    플러그인 선택

     ✔ 플러그인 설정 목록에서 "관리 및 통계" 분류에 "배너출력" 플러그인을 선택합니다.


    배너출력 플러그인 설정

     ✔ "확인" 버튼을 클릭해서 배너출력 기능을 사용할 수 있도록 합니다.


    배너출력 플러그인 설정 완료

     ✔ 배너출력을 사용하도록 설정이 완료되었습니다. "확인" 버튼을 클릭해서 사이드바 메뉴로 이동합니다. 사용 설정이 완료되었기 때문에 직접 사이드바 메뉴로 이동해도 상관없습니다.


    HTML 배너출력

     ✔ 기본 모듈 목록에 "HTML 배너출력"이 추가된 것을 확인할 수 있습니다.


    HTML 배너출력 사용하기

     ✔ 사이드바에 HTML 배너를 추가합니다.
     1. "+" 버튼을 클릭하거나 "HTML 배너출력" 영역을 드래그앤드랍하여 사이드바1에 추가시킵니다.
     2. 사이드바1에 추가된 "HTML 배너출력" 영역을 드래그앤드랍하여 사이드바 내에서의 순서를 정합니다.



    배너 출력 등록화면

     ✔ HTML 배너소스를 입력하는 방법입니다.
     1. "편집" 버튼을 클릭하면 HTML을 입력할 수 있는 창이 나타납니다.
     2. 이름, HTML 소스를 입력합니다.
     2. "확인" 버튼을 클릭하면 HTML 배너 등록이 완료됩니다.


    등록 완료

     ✔ 작성 완료 후 "저장" 버튼을 클릭해야만 등록한 내용이 저장됩니다.



        마치면서

    HTML 배너출력 플러그인을 이용하면 사이드바를 특색있고 풍부하게 꾸밀 수 있기 때문에 티스토리 블로거라면 알아야할 기능 중에 하나라고 생각합니다.




      ✔ 다른 글 보러가기


      이미지 해상도 유지하면서 파일사이즈 줄이기


      IE 실시간 메모리 사용량 확인하기


      IE 버전별 블로그 호환성 테스트 방법 - 개발자도구


      마우스 오른쪽 버튼 잠금 해제 방법 - 크롬 확장프로그램 Pig Toolbox


      블로그 소스 코드를 보기좋게 Color Scripter 사용법


      반응형 스킨 해상도별 미리보기 사이트 - 트로이(Troy)


      블로그 유입경로 openapi 는 무엇인가?


      블로그 운영을 위한 HTML, CSS, JS 파일 소스 코드 정렬하기


      블로그 속도 향상을 위한 HTML, CSS, JS 파일 용량 줄이기