태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

'2021/01/18'에 해당되는 글 1건

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

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

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

    동영상은 어떻게 넣지요?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

icloud 사진 D드라이브에 다운 받기

결론부터 말씀 드리면, 최근(언제인지는 정확히 모름) 윈도우용 아이클라우드를 다운로드 받는 곳이 마이크로소프트 앱스토어로 변경되었습니다. 그리고 마이크로소프트 앱스토어에서 다운 받은 아이클라우드는 사용하기 매우 불편합니다. 왜..

2021년 새해에는...

새해에는 어떻게 사는 것이 더 잘 사는 것인지 생각하며 살려고 합니다. 지난 해 겪은 남다른 아픔이 세상을 보는 각도에도 많은 변화가 찾아오고 있습니다. 시간나는 대로...시간을 만들어서 산책을 하고 틈나는 대로 더 많이 걸..

구글 설문지 <알림> 설정 하세요

구글 워크스페이스를 단체 업무에 도입하면서 가장 많이 활용하는 도구 중 하나가 구글 설문지입니다. 구글 G메일, 구글 일정 관리와 함께 가장 많이 활용되고 있습니다. 프로그램 부서에서는 참가 신청서를 받을 때, 그리고 시민사업..

메일 주소 여러 개를 쉽게 관리하려면...

비영리단체 실무자들은 기관이나 단체에서 발급 받은 메일과 개인 메일을 동시에 사용합니다. 또 기관이나 단체의 메일도 자주체크해야 합니다. 저의 경우 다음, 네이버, 구글 등에 개인 메일 주소가 있고 단체에서 발급하는 개인 메일..

구글 Meet와 OBS 연결하기

비대면 시대, 다양한 온라인 활동이 늘어나고 있고 이것 저것 시도하다보니 조금씩 새로운 프로그램도 사용하게 되는 것 같습니다. 초기 온라인 강의 영상을 녹화할 때는 HDMI 셀렉터 기계를 활용하여 2~3대의 카메라를 놓고 촬영..

DSLR 카메라 웹캠으로 사용하기

YMCA 강당에 간이 스튜디오를 마련... 코로나19, 비대면 온라인 시대, 동영상 강의 제작, 실시간 온라인 회의와 강의...그리고 토론회까지. 최근 2~3달 사이에 갑자기 영상제작과 다양한 플랫폼을 활용한 실시간 온라인 방..

온라인 도민예산학교 구글 Meet 노트북 참여

[도민 예산 학교 참가자 안내] 12월 들어 코로나19 거리두기가 2단계로 격상되면서 <도민예산학교>를 온라인으로 진행하고 있습니다. 이 포스팅은 도민예산학교의 현장 경험을 추가하여 보완 합니다. 구글 Google Meet를 ..

온라인 도민예산학교 구글 Meet 스마트폰 참여

도민예산학교 구글 Meet 화상 회의 안내 구글 Google Meet를 사용하여 화상회의 참여는 컴퓨터(노트북)과 스마트폰 모두 가능합니다. 이번 포스팅은 스마트폰으로 구글 미트 화상회의 하는 방법을 도민예산학교 참가자에 맞춰..

스마트폰을 웹캠으로 사용하기

2010년 9월 아이폰4를 시작으로 스마트폰 사용을 10년 넘게 사용하고 있습니다. 아이폰이란 녀석 얼마나 견고하게 만들어졌는지 지금도 아이폰4를 MP3처럼 사용하는데는 아무 문제가 없습니다. 가족들이 사용하던 아이폰6도 2대..

한살림 또띠아로 채식 과일 피자 만들기

학교 급식에도 채식 식단이 마련되고 시청 공무원 급식에도 채식 식단이 준비된다고 합니다. 2000년부터 시작하여 육류를 먹지 않는 채식주의자로 10여년, 간헐적 채식주의자, 비덩 채식주의자로 어떤 때는 가급적 채식주의자로 10..