태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

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

728x90

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

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

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

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

 

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

 

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

 

 

HTML 배너출력

 

 

티스토리에서 <사이드바>에서 <HTML 배너출력>을 클릭합니다. 

<편집>을 클릭하면 이름, HTML 소스 두 가지 메뉴가 나옵니다. 이름은 기억하기 좋게 정하고, HTML 소스는 아래 사진을 참고하여 똑같이 만들면 됩니다. 

윈도우 메모장에서 소스코드를 만든 후에 복사하여 붙여넣기 하시면 됩니다. 

 

html코드 예시.txt
0.00MB

 

위 사진의 HTML 코드에서 세 가지만 바꿔주면 됩니다. 

1) 이미지(배너 광고)를 클릭할 때 연결시켜줄 링크 주소를 입력합니다.(연결 할 링크가 없으면 안 넣어도 됩니다.)
2) 이미지 크기 입니다. 이미지(배너 광고)의 크기를 그대로 넣어주면 됩니다. 

3) 이미지(배너 광고)가 저장된 링크를 붙여 넣습니다. 

 

앞서 <이미지 배너출력>과 마찬가지로 <구글 드라이브>에 올려 놓은 사진의 링크를 HTML 코드용 링크로 바꿔 <HTML소스>에 넣어 주면 됩니다. 

 

coolpunch.tistory.com/267#google_vignette

 

[티스토리]제작한 배너 사이드바에 넣기

[티스토리]제작한 배너 사이드바에 넣기 오늘은 티스토리 블로그에 배너 넣는 법에 대해 알아보도록 하겠습니다. 물론 일반 적인 광고 배너의 경우 관리자 모드의 사이드바에서 이미지 배너 출

coolpunch.tistory.com

 

coolpunch.tistory.com/268

 

티스토리 사이드바 배너 정렬 방법

티스토리 사이드바 배너 정렬 방법 티스토리 사용 하면서 좌, 우측에 배너광고 또는 배너를 넣는 경우가 있습니다. 사이드바의 가로크기와 이미지의 크기가 같다면 별 문제가 없지만. 사이드바

coolpunch.tistory.com

 

728x90






Trackback 0 Comment 1
  1. 참교육 2021.02.15 11:45 신고 address edit & del reply

    동영상은 어떻게 넣지요?

블로그 방문자 1000만명 자축

블로그 운영 13년 만에 1000만 방문자가 다녀갔습니다. 2008년 9월 6일부터 블로그를 시작하였으니 12년 6개월여 만에 <1000만 방문자 블로그>가 되었습니다. 블로그를 시작은 2008년 9월 3 ~ 5일까지 다음세대..

4년 만에 알아 낸 대기전력 차단 콘센트 사용법

마산YMCA 새 회관에 입주한지 4년이 지났습니다. 새 회관 전기 콘센트 30% 이상은 대기전력 차단콘센트가 설치되어 있습니다. 일반콘센트 4구 자리인데, 대기전력 차단콘센트 1개가 포함된 3구콘센트로 설치되어 있었습니다. 에..

공공 자전거 서비스 민영화 반대 !

창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 최근 경기도 안산시, 고양시를 비롯한 수도권 여러 지..

과대포장 어워드 해봤더니...

창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 민족 최대 명절 설 연휴 잘 보내셨는지요?지요? 코로..

자원봉사자에게 : 윤혜승 시인

언제부터인지는 알 수 없지만, 마산YMCA 시민중계실 자원상담원회에서 월례회 때마다 함께 명상하던 시가 있었는데, 바로 '자원봉사자에게'였다. 오랫 동안 작자 미상으로 알려져 있었는데, 최근 예전 자료를 뒤적이다가 시인의 이름..

구글 아이디 3개를 번갈아 쓰는 방법

제가 일하는 단체 실무자들은 개인용 구글 계정과 함께 비영리단체를 지원하는 구글 워크스페이스 (Google Workspace) 계정을 함께 사용하고 있습니다. 저의 경우 이메일 관리를 편하게 하기 위하여 모질라 선더버드(Moz..

춥고 덥고 비오는 날도 버스 편하게 탈려면?

창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 시내버스 라운지라고 들어보셨나요? 오늘은 부자들이 많..

아이폰 웹캠으로 활용하기 2

마산YMCA 회원으로부터 문의가 왔습니다. 아이폰을 사용하고 있는데, 윈도우 컴퓨터와 연결하여 웹캠처럼 사용하고 싶은데 데스크탑 컴퓨터에는 와이파이가 안 잡힌다는 것이었습니다. 이럴 때는 두 가지 해결 방법이 있습니다. 1)데..

창원 둘레길...화장실 없어 난감해

창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 이번 원고는 걷기 좋은 도시와 창원시 둘레길에 관한 ..

모래 물동량 줄어드는데...부두 확장은 왜 하나?

새해부터 창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 이번 원고는 창원물생명시민연대 기자회견문을 ..

아이폰 7s 배터리 자가 교체

아이폰7 배터리 교환 후기입니다. 아이폰 12가 출시되었는데도 여전히 아이폰7을 사수하고 있는 후배로 배터리 교환 요청이 들어왔습니다. 이전까지 제가 배터리를 교체해 본 가장 높은 버전은 6S까지였습니다. 후배로부터 요청을 받..

다리 깁스 환자도 장애인 주차장 이용할 수 있으면...

새해부터 창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 다리를 다쳐 깁스를 하고 목발을 짚거나 휠체..

기후위기 시대, 채식 확산을 위한 인식 개선 꼭

새해부터 창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다른 초고이기는 하지만 기록을 남기기 위해 포스팅 합니다. 채식주의자를 대하는 인식 변화가 꼭 이루어졌..

구글 캘린더 바탕화면 바로가기 만들기

오늘은 구글 캘린더를 바탕화면이나 작업표시줄에 설치해놓고 마우스 클릭 한 번으로 접속하는 방법을 알려드립니다. 제가 일하는 단체 활동가들이 구글 캘린더로 일정을 관리하고 서로 공유한지 꽤 시간이 흘렀습니다만, 아직 100% 활..

USB가 인식되지 않을 때... 파일 또는 디렉터리가 손상...

새해 단체 실무자들이 사용할 컴퓨터 4대에 운영체제와 기본 프로그램들을 설치하다가 갑자기 USB를 읽을 수 없는 황당한 일이 벌어졌습니다. 조금전까지 멀쩡하던 USB를 갑자기 엑세스할 수 없다는 에러메시지가 나오면서 아예 접근..

온라인 토론회 잼보드 활용하기

코로나-19로 여러 가지 일상이 변화하고 있습니다. 처음엔 어색하던 온라인 회의에도 점점 익숙해지고 있고, 활동가들은 줌이나 구글미트 활용이 점점 자연스러워지고 있습니다. 코로나19 이전에 YMCA 활동가들이 하던 많은 일은 ..

아이들에겐 심리적 위로가 필요하다

아서 P. 시아라미콜리 & 캐서린 케첨이 쓴 <당신은 너무 늦게 깨닫지 않기를> 하버드 의대 심리학 교수인 아서 P. 시아라미콜리의 사적인 고백과 35년 동안 만난 다양한 환자들에 대한 사례를 중심으로 쓰인 <당신은 너무 늦게..

코로나-19, 자가격리 당해보셨나요?

새해부터 창원 KBS1 라디오 <시사경남>에서 매주 월요일 이윤기의 세상읽기 코너를 진행하고 있습니다 . 방송 내용과 조금 다르기는 하지만... 방송 원고를 포스팅 해 둡니다. 안녕하세요? 2021년 새해부터 생방송 경남에서 ..

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

티스토리 블로그에 사진(혹은 배너 광고)를 넣는 방법을 기록해둡니다. 오늘은 제 블로그 오른쪽 맨 상단처럼 광고를 만드는 방법을 알려드리겠습니다. 티스토리 <사이드바>에 이미지(배너광고)를 넣는 방법은 두 가지 입니다. <이미..

구글-드라이브 사진, 웹사이트에 올리기

티스토리 사이드바에 이미지(광고 배너)를 넣기 위한 방법을 찾다가 알게 되었습니다. 티스토리 사이드바에 이미지를 넣는 방법은 <이미지 배너출력>이나 <HTML 배너출력> 두 가지 방법이 있습니다. 이 두 가지 방법 모두 서버에..