블로그기초

티스토리 사이드바 광고 추가, 배너 넣기

Kay~ 2020. 12. 30. 07:20

티스토리 사이드바에 배너넣기

티스토리 블로그 사이드바 광고 추가

 

티스토리의 매력이 바로 블로그를 자유롭게 꾸밀 수 있다는 점이죠! 

디자인적인 요소 뿐만 아니라 기능적인 요소까지 

블로거가 직접 컨트롤이 가능합니다. 

 

그래서 블로그 운영하는 재미가 다른 블로그보다 

더하고 애정이 더 가는것 같습니다. 

 

 

하지만 티스토리를 본인이 원하는 대로 마음껏 꾸미기 위해서는 

html, css, 자바스크립트(java script)를 어느정도 알아야 합니다. 

그렇지 않으면 손대는것도 쉽지 않고 잘못하다가는 

스킨이 깨져버리거나 제대로 구현이 되지 않을 수가 있습니다. 

그렇다고 미리 겁먹을 필요없습니다. 

모르는 것은 하나 하나 배우면서 하고 

html이나 css 를 몰라도 이미 많은 티스토리 블로거들이 

공개하는 노하우를 따라하면 어렵지 않게 할 수 있으니까요! 

 

오늘은 티스토리 사이드바에 광고 배너 추가, 배너넣는법에 대해서 

알려드릴까 합니다. 

물론 간단하지만 티스토리에 익숙치 않은 사용자라면 

어려울 수도 있기에 좀더 상세히 올려보도록 하겠습니다. 

 

 

 

블로그 사이드바 광고추가/ 배너넣기

 

 

사이드에 광고를 넣는것은 배너를 이용합니다. 

물론 애드센스 광고는 자동으로 표시가 되므로 

이 방법은 건너뛰겠습니다. 

 

블로그에 광고 배너를 넣는 방법은 크게 2가지 방법이 있는데요! 

배너 소스가 있는 경우와 직접 만든 이미지를 활용하여

배너를 넣는 방법입니다. 

 

오늘은 광고 배너소스가 있는 경우 티스토리 블로그 사이드에 

배너를 넣는 방법에 대한 설명입니다. 

 

직접 제작한 이미지를 이용하여 배너를 넣는 방법은 

다음 기회에 올려보도록 하겠습니다. 

 

오늘 하는 티스토리 사이드에 배너넣기를 알면 

직접 만든 이미지로 배너를 만들어 넣는것은 어렵지 않습니다. 

 

1. 티스토리 관리페이지로 이동합니다. 

 

그 다음 왼쪽 메뉴를 보면 사이드바가 보일 것입니다. 

 

 

 

2. HTML 배너출력

 

아래와 같은 화면이 나오면 [플러그인]HTML 배너출력 옆의 

+ 를 클릭하면 우측에 플러그인이 들어갑니다. 

 

 

 

 

3. 편집을 누릅니다. 

 

아래와 같이 우측 사이드바1 또는 사이드바2 영역에 

html배너출력 플러그인이 삽입이 되면 

마우스를 플러그인 위로 이동합니다. 

 

그러면 "편집"버튼이 보입니다. 

 

편집을 눌러주세요! 

 

 

 

 

4. 배너소스 입력

 

그러면 아래처럼 HTML 배너출력 팝업창이 열리는데요!

이름은 배너관리를 위해서 임의로 적어주는 이름입니다. 

본인이 알아보기 쉬운 이름을 적어주세요! 

 

 

 

HTML 소스 : 여기에 광고소스를 넣습니다.

 

보통은 html 또는 자바스크립트로 된 광고소스를 제공하므로 

복사해서 붙여넣기만 하면 됩니다. 

 

중앙정렬을 하고 싶다면 붙여넣은 소스의 위,아래에 

<center> </center>를 넣어주면 가운데에 보기좋게 표시됩니다. 

 

아래와 같이요! 

 

<center>

광고배너 소스

</center>

 

사용자모듈에 저장 : 여기에 체크를 하는것이 좋은데요! 

체크를 하면 배너가 저장이 되어 나중에 재 사용이 편리합니다. 

 

이제 확인을 누릅니다. 

 

 

5. 저장하기

 

마지막으로 아래쪽에 있는 변경사항 저장을 누르면 됩니다. 

그러면 끝!

 

 

 

저장전에 미리보기를 눌러서 확인하는 방법도 있습니다. 

제대로 했는지 확인을 하고 싶다면 저장하기 전에 

미리보기를 눌러서 확인하세요! 

 

스킨에 따라서 미리보기가 안될 수도 있습니다. 

 

 

아래는 제가 사이드바에 추가한 광고 배너입니다. 

아래 빨간 사각형 보이죠? 

 

 

 

보기좋게 추가되었네요! 

 

지금까지 티스토리 블로그 사이드바에 광고 배너 추가하는 

방법에 대해서 정리해봤는데요! 

크게 어렵지 않기 때문에 누구나 다 할 수 있을 것입니다. 

 

그래도 이해가 안가는 부분이 있다면 댓글로 문의주세요!