태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

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

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 0
티스토리 사이드바에 배너(사진) 넣기

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

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

티스토리 사이드바에 이미지(광고 배너)를 넣기 위한 방법을 찾다가 알게 되었습니다. 티스토리 사이드바에 이미지를 넣는 방법은 <이미지 배너출력>이나 <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..

아보카도-단감 장아찌 만들기

며칠 전 창원-진영이 우리나라를 대표하는 주산지인 단감으로 김치를 담궜다는 이야기를 포스팅하였습니다. 오늘은 단감 요리 시리즈 두 번째는 단감 장아찌 만들기입니다. 세상에 누가 나말고도 이런 시도를 해봤을까 싶어 인터넷을 검색..

노트북으로 구글 Meet 화상회의 참여②

구글 Google Meet를 사용하여 화상회의 참여는 컴퓨터(노트북)과 스마트폰 모두 가능합니다. 이번 포스팅은 컴퓨터(노트북)으로 구글 미트를 사용하는 방법입니다. 이 포스팅은 마산YMCA 온라인 구글 Meet 이사회 개최를..

스마트폰 구글 Meet 화상회의②

마산YMCA 온라인 이사회 개최를 위하여 정리한 내용입니다. 다른 회원 모임에서도 활용하시면 됩니다. 마산YMCA 이사회 - 구글 Meet 화상 회의 안내 코로나19 상황이 지속되면서 마산YMCA가 여러 회원 모임과 외부 행사..

단감 김치, 깍두기 드셔보셨나요?

제가 살고 있는 창원시 마산지역은 가을이 되면 단감을 먹을 기회가 많아집니다. 가까운 진영 단감이 유명하고, 실제로는 진영보다 더 많은 단감을 수확하는 창원 단감도 유명합니다. 창원, 진영이 우리나라를 대표하는 단감 주산지 입..

Google-Meet 치명적 단점

구글 클래스룸과 구글 미트를 활용하는 온라인 회의와 온라인 토론에 관하여 시리즈로 소개하고 있습니다. 오늘은 널리 사용되는 온라인 회의 도구 줌과 비교하여 구글 미트의 치명적인 단점에 대하여 살펴보겠습니다. 제가 구글 미트를 ..

스마트폰에서 JamBoard 활용하기

구글 클래스룸과 구글 Meet를 활용하여 화상 회의 뿐만 아니라 소규모 온라인 원탁토론회를 진행하면서 다양한 협업 도구를 활용하고 있습니다. 그중에 하나가 참가자들의 아이디어를 모으는 도구로 구글 잼보드(Jamboard)를 활..

Google Workspace(G-suite) 사용자 일괄 등록 하는 법

Google Workspace(이전 명칭 G-suite) 사용자 일괄 등록 하는 법을 기록을 남겨둡니다. (다른 모든 블로그 기록처럼 시간이 지나면 까먹기 때문에... 나중에 이 포스팅을 찾아서 다시 작업을 하기 위한 기록을 ..

스마트폰으로 구글 Meet  화상회의

최근 마산YMCA가 여러 회원 모임과 외부 행사를 구글 클래스룸과 구글미트로 진행하고 있습니다. 11월 30일 <마산YMCA 시민사업위원회>, 12월 1일 <마산YMCA 미디어사업위원회> 각각 최초의 화상위원회 개최하고 그 경..