본문 바로가기
블로그 운영 Tip

티스토리 사이드바 이미지 배너(로고) 만드는 방법 : 블로그 꾸미기

by 깨알지식 2022. 11. 13.
반응형

티스토리 블로그에는 다양한 스킨이 존재하는데 그중 북클럽 스킨 사이드바에 적용 가능한 이미지 배너(로고)를 넣는 방법에 대해 알아보도록 하자. 이미지 배너를 넣는 것은 블로그 정체성을 한눈에 볼 수 있고, 다른 블로그와 차별화를 둘 수 있기 때문에 이미지 외에도 문구를 넣어도 좋습니다.

 

블로그 운영를 운영하다 보면 퀄리티 좋은 글을 작성하는 것은 당연한 것이지만 일괄적인 블로그 스킨으로 인해 다른 블로그와 차별화가 어렵다. 하지만 몇 가지 블로그 꾸미기를 통해 다른 블로그와 차이점을 강조하면서 재방문율을 높일 수 있다. 그중에 하나가 사이드바 이미지 배너를 넣음으로써 방문자에게 블로그의 이미지를 확실히 각인시킬 수 있다는 것이다.

 

티스토리 사이드바 이미지 배너 만들기

 

우선 본인의 블로그를 한눈에 설명할수 있는 이미지 혹은 문구를 정하는 것이 가장 먼저 해야 할 일이다. 이 블로그는 세상에서 알고 싶은 지식들을 모아 놓는 잡학사전이란 타이틀을 가지고 운영하고 있기 때문에 잡학사전이라는 문구를 이용하여 이미지 배너를 넣어 보겠다.

 

 

1. 사이드바에 넣을 이미지, 문구 만들기

나는 직장 다닐때 PPT를 자주 사용했기 때문에 간단하게 PPT를 이용하여 간단한 이미지 제작을 하였다. 본인이 사용하기 쉽고 다양하고 이쁘게 꾸밀 수 있는 프로그램이나 웹사이트를 통해서 로고를 만들어도 아무 상관없다. 구글링을 통해 이미지 제작하는 사이트는 쉽게 찾아볼 수 있을 것이다.

티스토리 사이드 이미지 배너 넣기

간단한 이미지(문구)를 사이드바에 있는 목차 상단에 나의 이미지를 넣고 싶다. 사실 브랜딩을 위해 좀더 이쁘게 꾸미고 싶지만 갑자기 애플 창업자인 시티브 잡스의 명언 "Simple is the best"라는 이야기가 떠올라 간단하게 만들어 보았다.


 

2. 이미지 URL 만들기

사이드바에 들어갈 이미지 혹은 문구를 만들었다면 이미지 URL를 만들어야 한다. 최종적으로 이미지 삽입은 사이드바에 URL을 넣어 불러오는 형식이기 때문이다. 사이트 로딩 속도 문제로 티스토리 자체에 이미지를 저장하여 불러는 방법이 있지만 크게 영향을 받지 않는 듯하여 URL로 불러오는 방법을 택하였다.

 

이미지 URL를 만드는 웹사이트는 구글 검색을 통해 쉽게 알수 있지만 내가 변환한 사이트를 알려드리겠다.

https://www.zpat.info/

 

위 웹사이트에서 이미지 업로드를 하면 아래와 같이 이미지 URL을 만들 수 있다.

사이드바 이미지 URL 만들기

 

 

3. 티스토리 사이드바 이미지 배너 업로드

티스토리 사이드바 이미지 출력을 위해 플러그인 기능을 사용할수 있다. 플러그인 기능 중 배너 출력을 사용 중으로 활성화시켜야 한다.

티스토리 사이드바 이미지 배너 만들기

 

 

4. 티스토리 사이드바 편집

티스토리 사이드바 편집에 들어가면 아래 그림과 같이 플러그인이 활성화되면서 이미지 배너 출력을 할 수 있게 된다. +를 클릭하고 사이드바1을 선택하면 우측과 같이 이미지 배너 출력을 할수 있게 된다.

티스토리 사이드바 이미지 배너 만들기티스토리 사이드바 이미지 배너 만들기

플러그인 수정을 누르면 배너 출력할 이미지 URL과 연결할 URL이 나오게 되는데 2번 항목에서 생성한 이미지 URL을 넣어준다. 그리고 연결할 URL은 티스토리 블로그 홈으로 연결하였다. 혹시 다른 블로그나 사이트가 있다면 연결할 URL에 다른 곳으로 입력해도 좋을 것이다.

 

5. 이미지 배너 확인 하기

모든 작업을 마무리하고 저장을 하면 곧바로 홈 화면에 이미지 배너가 반영되어 보일 것이다.

티스토리 사이드바 이미지 배너 만들기

아주 깔끔한 게 허접해 보인다. 이 글을 작성하는 기준에서는 조금 더 수정이 필요해 보이는데 언젠가는 수정해야 할 것 같다. 배너의 위치는 사이드바 수정에서 할 수 있고 이미지 사이즈와 사이드바 너비를 수정한다면 조금 더 보기 좋은 이미지 배너가 될 것 같다.

 

혹시 수정하다가 잘 안되거나 잘못된 것이 있다면 가감 없이 댓글로 남겨주시면 바로 수정에 들어가겠다. 모두들 안정적인 블로그 운영을 꾸준히 해보도록 하자.

 

티스토리 애드센스 수익 지급 계좌 등록하는 방법 : 수익 신청

 

티스토리 애드센스 수익 지급 계좌 등록하는 방법 : 수익 신청

티스토리 블로그를 운영하는 사람들 대부분이 구글 애드센스를 통한 수익을 내기 위해서 시작을 할 것이다. 티스토리에서 발생한 블로그 광고 수익을 내 계좌로 입금시키기 위해 애드센스 계좌

var-know.tistory.com

 

반응형

댓글