본문 바로가기

Blog/Blog운영팁

티스토리 꾸미기 (사이드바 사용 방법)

티스토리 꾸미기 (사이드바 사용 방법)

 

블로그의 사이드바 기능 이용하기

사이드바는 자신의 블로그 좌측과 우측을 가리키는 용어로써, 자신이 원하는 콘텐츠를 삽입할 수 있습니다. GUI 요소를 위해 쓰이는 것으로 응용 프로그램이나 사용자 인터페이스의 측면에 다양한 형식의 정보를 보여 줄 수 있습니다.

예를 들어 자신의 SNS 정보, 블로그 카테고리, 광고, 방문자수, 태그, 위젯 등을 삽입함으로써 블로그의 정보를 표시할 수 있는 기능이라고 할 수 있습니다.

 

블로그의 사이드바 표시

 

사이드바에 광고 적용하기

위에서 언급한 대로 블로그 내 사이드바에 여러 위젯 등을 설치할 수 있습니다. 제 블로그의 경우 3단 구성으로 이루어진 스킨으로써 좌측 카테고리, 공지사항, 달력 등 기본정보를 담았고, 우측에는 구글 트렌드, Daum 검색창, 광고 등을 설치하였습니다.

적용방법은 아래에 상세히 기재하도록 하겠습니다.

 

사이드바 구성 : 기본모듈, 사용자 모듈, 사이드바 1, 사이드바 2

 

#기본 모듈에서 "+" 를 선택하게 되면 사이드바에 적용할 수 있으며 "-"를 선택하게 되면 자동으로 삭제됩니다. 

기본모듈 내 Daum 검색창, 내 글 지도, 이미지 배너 출력 , HTML 배너출력 등 다른 기능들은 "플러그인"에서 추가하여 사용할 수 있습니다.

사이드바 1(좌측)과 사이드바 2(우측)는 사용자의 스킨에 따라 차이가 있으므로 이점 인지하여 주시면 됩니다.

 

아래에서 보이는 사진으로 제가 설치한 플러그인은 Daum 검색창, 내 글 지도, 이미지 배너 출력, HTML 배너출력 등 총 4가지를 이용하고 있습니다.

사이드바 구성현황

 

HTML배너 출력을 이용하여 사이드바 1에 적용하는 방법

[기본 모듈] - [HTML배너 출력] - [사이드바 1] 선택 - [사이드바 1] 적용

[기본모듈] - [HTML배너출력] - [사이드바1]선택 - [사이드바1]적용

[HTML배너 출력]에서 편집 선택 - [HTML 코드 삽입] - [확인]

[HTML배너출력] - [HTML 코드삽입] - [확인]

 

#사용자 모듈

사용자 모듈은 일반적으로 HTML 배너 출력 플러그인을 많이 이용하는데, 매번 HTML을 가져오기 힘들기 때문에 HTML 코드를 저장하는 기능이라고 생각하시면 쉽습니다.

위 사진에서 하용자 모듈에 저장을 누르면 해당 항목이 "사용자 모듈"에 저장되고 차후에 다시 이용하기에 용이합니다.

 

#광고 코드 적용

애드센스와 애드핏 광고 등을 적용하기 쉬우므로 각 사이즈에 맞는 광고를 삽입하여 추가적인 수익을 얻을 수 있습니다.

 

해당 내용에 대해서는 아래 페이지에서 티스토리 운영 가이드라인이 있으니 반드시 참고하시면 좋습니다.
https://jeongyoon.tistory.com/336

 

★ 티스토리와 애드핏 초보자 가이드

티스토리, 애드핏 초보자 가이드 해당 페이지는 티스토리와 애드핏 초보자를 위한 가이드 글 목차로써 많은 블로그 초보자들이 이용하기에 반드시 필요한 항목이라 생각되어 정리하게 되었습니다. 각 문서 제목과..

jeongyoon.tistory.com

 

마무리

사이드바를 꾸며 자신의 블로그를 만들어보세요.

 

관련 글

 

 

자료가 마음에 드셨다면, 하단부 공감 버튼 꾸욱~ 눌러주세요

 

728x90
SMALL