1. 블로그 선택 - 위젯 설치를 위한 블로그 선택 과정입니다.
   블로그가 여러 개일 경우에는 블로그마다 별도의 위젯 설치 과정이 필요 합니다.

2. 블로그 타입 - 블코위젯은 설치형 블로그(Tistory, 태터툴즈, 텍스트큐브, 워드프레스) 및
   이글루스를 지원하며 해당 지원 목록의 블로그 서비스를 선택해야 합니다.

3. 기능 선택 - 위젯에 노출할 수 있는 네가지 글목록을 선택하는 메뉴 입니다. 글목록 1 선택시    기본적으로 글목록이 보여지며 글목록 2는 글목록 하단에 선택한 글목록을 클릭해야 합니다.

4. 추가 기능 선택 - 블코랭킹과 프로필 중 하나를 선택 가능하며, 블코랭킹은 1만등까지
   표시됩니다. 프로필 이미지는 마이페이지의 기본정보 관리에서 변경 가능 합니다.

5. 광고 선택 - 광고노출을 선택하면 위젯의 글목록 영역에 세 줄의 텍스트 광고 또는 같은
   크기의 배너 광고가 노출됩니다. 광고가 없을 경우 자동으로 글 목록이 채워집니다.

설치2단계 - 블로그 편집화면으로 이동합니다.
각 블로그의 관리자 페이지에 접속 한 뒤 스킨 편집 관리 화면으로 이동합니다.

(다음 예제 이미지는 Tistory, 태터툴즈 기준입니다.)

<태터툴즈 편집 화면 이동시>


<티스토리 편집 화면 이동시>

설치3단계 - 소스코드를 원하는 위치에 삽입 합니다.
블로그-잇 위젯은 콘텐츠 연동형 위젯이 아닌 콘텐츠 제공과 구독을 목적으로 하는 위젯이기 때문에
블로그의 좌측 사이드 영역에 삽입하는 것이 좋습니다. 블로그 사이드 영역에 삽입하기 위해 다음과
같이 실행합니다.

1) HTML/CSS편집 화면에서 키보드에 Ctrl + F를 누릅니다. 검색 창이 뜨면 "submenu"를 입력해 검색을
   진행합니다.


2) 해당 메뉴를 찾았다면 마우스를 스크롤 하여 <div id="submenu"> 아래 메뉴 콤포넌트중
   자신이 원하는 위치에 설치 페이지에서 복사한 소스코드를 삽입하면 됩니다.
   (예제는 편의상 카테고리 콤포넌트 아래에 위젯 노출을 가정으로 진행했습니다.)


설치4단계 - 위젯 노출 확인하기
여기까지 진행을 완료 하였다면 위젯 설치를 완료 한 것입니다.
그럼 실제 제대로 설치가 되었는지.. 블로그 메인 화면으로 이동하여 다음 화면 처럼 노출되는 지 확인합니다.

1. 블로그 선택 - 위젯 설치를 위한 블로그 선택 과정입니다.
   블로그가 여러 개일 경우에는 블로그마다 별도의 위젯 설치 과정이 필요 합니다.

2. 블로그 타입 - 블코위젯은 설치형 블로그(Tistory, 태터툴즈, 텍스트큐브, 워드프레스) 및
   이글루스를 지원하며 해당 지원 목록의 블로그 서비스를 선택해야 합니다.

3. 기능 선택 - 위젯에 노출할 수 있는 네가지 글목록을 선택하는 메뉴 입니다. 글목록 1 선택시    기본적으로 글목록이 보여지며 글목록 2는 글목록 하단에 선택한 글목록을 클릭해야 합니다.

4. 추가 기능 선택 - 블코랭킹과 프로필 중 하나를 선택 가능하며, 블코랭킹은 1만등까지
   표시됩니다. 프로필 이미지는 마이페이지의 기본정보 관리에서 변경 가능 합니다.

5. 광고 선택 - 광고노출을 선택하면 위젯의 글목록 영역에 세 줄의 텍스트 광고 또는 같은
   크기의 배너 광고가 노출됩니다. 광고가 없을 경우 자동으로 글 목록이 채워집니다.

설치2단계 - 사이드바 활용 설치
Tistory 최신 스킨은 사이드바 기능인 지원됩니다.
이 기능이 지원되는 스킨을 사용하는 분들을 위한 블로그-잇 Widget 설치 매뉴얼 입니다.

(기본적으로 소스 복사 과정은 일반 설치 버전과 동일합니다.)

우선 Tisotry 관리자 화면 > 스킨 > 사이드바 설정을 클릭하여 설정 페이지로 이동합니다.

  <관리자 화면에서'스킨'>'사이드바 설정'을 클릭합니다.>

설치3단계 - Html 배너 출력 설정
사이드바 설정 페이지로 이동하였다면 블로그-잇 Widget 소스를 등록하기 위한 사이드바인
“HTML 배너 출력” 사이드바를 마우스 오른쪽 버튼을 클릭후 위치할 영역으로 드래그 합니다.

1) HTML/CSS편집 화면에서 키보드에 Ctrl + F를 누릅니다. 검색 창이 뜨면 "submenu"를 입력해 검색을
   진행합니다.

<하단의 HTML 배너출력 박스를 마우스로 드래그 해서 원하는 사이드바위치로 갖다 놓습니다.>



설치4단계 - Html 배너 출력 편집
1) 편집 버튼을 클릭하면 블로그-잇 Widget 설치페이지에서 복사한 소스코드를 입력할 수 있는 창이 나타납니다.
2) 배너출력 (Code Banner)라는 창이 뜨면 우측 이미지 처럼 블로그-잇 Widget 소스를 입력하시면 됩니다.

<'편집' 영역을 클릭한 후 부여받은 위젯소스를 붙여넣기 하고 '확인' 그리고 제일 중요한
  하단의 '저장'을 클릭 하시면 됩니다.>


설치5단계 - 위젯 노출 확인하기
여기까지 진행을 완료 하였다면 위젯 설치를 완료 한 것입니다.
그럼 실제 제대로 설치가 되었는지.. 블로그 메인 화면으로 이동하여 다음 화면 처럼 노출되는 지 확인합니다.

1. 블로그 선택 - 위젯 설치를 위한 블로그 선택 과정입니다.
   블로그가 여러 개일 경우에는 블로그마다 별도의 위젯 설치 과정이 필요 합니다.

2. 블로그 타입 - 블코위젯은 설치형 블로그(Tistory, 태터툴즈, 텍스트큐브, 워드프레스) 및
   이글루스를 지원하며 해당 지원 목록의 블로그 서비스를 선택해야 합니다.

3. 기능 선택 - 위젯에 노출할 수 있는 네가지 글목록을 선택하는 메뉴 입니다. 글목록 1 선택시   기본적으로 글목록이 보여지며 글목록 2는 글목록 하단에 선택한 글목록을 클릭해야 합니다.

4. 추가 기능 선택 - 블코랭킹과 프로필 중 하나를 선택 가능하며, 블코랭킹은 1만등까지
   표시됩니다. 프로필 이미지는 마이페이지의 기본정보 관리에서 변경 가능 합니다.

5. 광고 선택 - 광고노출을 선택하면 위젯의 글목록 영역에 세 줄의 텍스트 광고 또는 같은
   크기의 배너 광고가 노출됩니다. 광고가 없을 경우 자동으로 글 목록이 채워집니다.

설치2단계 - 관리자 페이지로 이동합니다.
각 블로그의 관리자 페이지에 접속 한 뒤 스킨 편집 관리 화면으로 이동합니다.

(다음 예제 이미지는 이글루스 기준입니다.)

<이글루스 관리자 화면 이동시>
이글루스 로그인후 블로그 메인에 위치한 Config(관리자 설정 메뉴)를 클릭하여 관리자 화면으로 이동합니다.
(이글루스 스킨에 따라 관리자 페이지 명칭은 달라질 수 있습니다.)


<블로그 스킨 선택>
관리자 화면에서 블로그관리 > 블로그 스킨을 선택하여 스킨 수정을 위한 페이지로 이동합니다.


<소스편집 화면으로 이동>
이글루스는 블로그스킨에서 다시 "소스편집" 이 따로 있어 위젯을 설치하기 위해서는 소스편집 상태로
이동해야 합니다.

설치3단계 - 소스 편집을 진행합니다.
이글루스는 소스편집 상태로 이동하기 위해 HTML 편집하기의 레이아웃 이미지 서브 메뉴를 클릭하여
서브메뉴 편집 상태를 활성화 해야 합니다.

1) 서브메뉴 영역에 위젯을 설치하기 위해선 아래 메뉴중 좌측에 있는 서브메뉴 영역을 클릭 합니다.
  (단, 이 메뉴는 스킨에 다라 달라질 수 있으므로 회원님은 회원님 스킨 상태에 따라 원하는 레이어를 선택하시면 됩니다.)


2) 다음 화면과 같이 사이드 영역 어느 곳에나 소스코드를 삽입합니다.


설치4단계 - 위젯 노출 확인하기
여기까지 진행을 완료 하였다면 위젯 설치를 완료 한 것입니다.
그럼 실제 제대로 설치가 되었는지.. 블로그 메인 화면으로 이동하여 다음 화면 처럼 노출되는 지 확인합니다.