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

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

티스토리 블로그에 사진(혹은 배너 광고)를 넣는 방법을 기록해둡니다.

오늘은 제 블로그 오른쪽 맨 상단처럼 광고를 만드는 방법을 알려드리겠습니다.

티스토리 <사이드바>에 이미지(배너광고)를 넣는 방법은 두 가지 입니다. <이미지 배너출력>과 <HTML 배너출력> 두 가지 방법을 차례로 알아 보겠습니다.

■ 이미지 배너출력 만드는 법

과거에는 티스토리 포스팅 하는 글(에디터에서)에 사진을 첨부하고, 그 링크를 복사해서 티스토리 <사이드바>에 사진(혹은 광고)를 넣을 수 있었습니다.

하지만, 최근에는 티스토리에서 시스템을 변경하였는지, 티스토리 포스팅에 첨부한 사진 링크를 복사해와도 사이드바에 사진(혹은 광고)를 넣을 수 없게 되었습니다.

티스토리 관리자 메뉴에서 사이드바를 선택하면 기본모듈이 여러가지가 있습니다. 이 기본 모듈 중에서 <이미지 배너 출력>을 선택하면(+ 버튼 클릭) 사이드바1에 들어갑니다. 이미지 배너의 이름을 저는 <카페 마루>로 변경한 것입니다.

< 이미지 배너 출력>을 편집하면 됩니다. 이름은 자신이 기억할 수 있는 이름으로 적어주시고, 연결할 URL은 클릭했을 때 연결되도록 설정할 인터넷 주소를 입력하시면 됩니다.

가장 중요한 것은 이미지URL 주소를 입력하는 것입니다. 앞서 설명했듯이 과거에는 티스토리 포스팅 글에 사진을 첨부하고 url 주소를 복사해서 넣으면 되었지만, 지금은 이렇게하면 이미지가 블로그 스킨에 출력되지 않습니다.

정상적으로 이미지가 출력되도록 하려면 인터넷에 24시간 연결된 서버(컴퓨터)에 사진이 저장되어 있어야 합니다. 혹은 웹호스팅 서비스를 이용하거나 NAS 같은 것이 필요할 것입니다.

제가 새로 찾아 낸 방법은 구글 드라이브를 활용하는 방법입니다.

구글링을 하다가 <SOMANET'S DEV ARCHIVE> 블로그에서 그 방법을 배웠습니다.(배웠다기 보다 퍼 왔습니다.)

아래 링크를 따라 가시면 됩니다.

구글 드라이브를 외부 이미지(사진) 링크 저장소로 활용하기

■ HTML 배너출력