'배너'가 사람을 만든다. (Banners maketh man)
배너(banner)란, 인터넷 홈페이지 한쪽에 기다란 띠모양으로 특정 웹사이트나 이미지를 노출하게 하는 것인데요.
'두손의 노트' 블로그 사이드바에도 배너가 있습니다. 아시는 분들은 이미 아시겠지만, 제가 스마트 스토어를 운영하고 있고, 그것을 홍보하기 위해 배너 이미지를 만들었고, 사이드바에 적용시켰습니다.
블로그를 방문해주시는 분들이 해당 배너 이미지를 보신 후, 클릭을 통한 스마트 스토어 유입을 기대하고 있는데, 아직 큰 효과는 보질 못하고 있네요. 아직 저의 블로그가 많이 부족한 탓이겠지요.
블로그 배너 적용 조건
1. 배너 이미지 공간을 지원하는 스킨 적용
블로그에 배너를 적용하기 위해서 필요한 가장 중요한 조건은, 블로그에 적용된 스킨이 세로형 사이드바 또는 가로형 배너를 지원해야 합니다. (현재 오딧세이 티스토리 기본 스킨 사용 중) 그러나 웹페이지를 자유자재로 다루시는 고수분들껜 예외가 되겠죠? 초보자에게만 적용되는 조건 같습니다.
2. 배너 플러그인 적용
티스토리 설정에 가서 플러그인을 보면, 배너 출력이 있습니다. 사이드바에 자신이 적용하고 싶은 배너를 출력할 수 있게 도와주는 플러그인인데요. 초보자에겐 쉽고 편리하게 이미지 배너를 적용시킬 수 있어 유용합니다.
이미지가 사는 집 주소
배너에 이미지를 삽입하기 위해선, 이미지 URL(Uniform Resource Locator)이 필요합니다. 흔히 우리가 알고 있는 확장자명. jpg,. jpeg,. png 등의 이미지 파일을 첨부하는 것이 아닙니다. 이미지 URL은 이미지가 살고 있는 집 주소라고 생각하면 되겠네요.
이미지 URL을 쉽게 생성해주는 유용한 사이트 하나 소개드립니다. 길고 긴 이미지 주소를 간략하게 압축하여 생성해주어 좋습니다. 아울러 사용 방법도 같이 한 번 보시죠.
iFH 이미지 호스팅
여기에 이미지나 동영상을 드롭하세요
ifh.cc
(해당 포스팅은 초보자를 위한 글입니다. 추가적으로 저는 배움에 있어 항상 낮은 자세로 열려있으니 고수분들의 피드백 언제나 환영합니다.)
이미지 URL 생성 방법 (iFH 이미지 호스팅 사용 방법)
- 이미지/동영상 선택 하기
- 첨부된 이미지가 맞는지 확인 하기
- 업로드 하기
- 이미지 주소 클릭하여 복사 하기
블로그 배너 적용시키는 방법 (티스토리)
- 설정 - 꾸미기 - 사이드바
- 기존에 추가한 배너 플러그인을 사이드바로 추가하기
- 복사한 이미지 주소를 붙여 넣기 (이름 및 링크 추가)
삽입된 배너 확인 하기
배너가 적절한 크기, 이미지 품질로 삽입이 잘 되었는지 확인합니다. 이미지에 연결한 링크도 올바르게 적용되었는지 확인해야죠. 이로써 이미지 파일의 이미지 주소를 변환하여, 배너까지 적용시켰네요.
지금까지 블로그에 배너를 적용시키기 위한 조건을 알아보고, 이미지 URL 생성이 왜 필요한 지를 설명하였습니다.
간결하게 압축된 이미지 URL을 생성해주는 좋은 사이트를 소개하고, 생성된 이미지 주소를 활용하여 티스토리 사이드바에 배너를 적용시키는 방법을 소개했죠. 다시 한번 말씀드리지만 초보자를 위한 팁이니, 고수분들은 해당 포스팅의 잘못된 점이나 개선점을 꼬집어 주시면, 감사하겠습니다.
긴 글 읽어주셔서 감사합니다.
제 글이 마음에 드신다면, 구독과 공감 부탁드립니다.
협찬 및 제품 지원 문의 - dosonnote@gmail.com
'디지털 노마드 > 블로그' 카테고리의 다른 글
| 블로그 포스팅 계획, 업로드 일정 정하기 (ft. 우선순위) (8) | 2021.03.02 |
|---|---|
| 블로그, 추천할만한 게임입니다. (7) | 2021.02.26 |
| 블로그 최적화, 이미지 용량 줄이기로 서치 콘솔 CLS (0.25초과) 문제 해결 방법 (17) | 2021.01.24 |
| 블로그 브랜딩, 파비콘(favicon) 만드는 방법 (26) | 2021.01.06 |
| 블로그, 초보 블로거라면 고민해야 할 점 4가지 (네이버, 티스토리 포함) (24) | 2020.12.24 |