티스토리 반응형 스킨 FastBoot (V1.6.1) 설치하기

티스토리 반응형 스킨 FastBoot (V1.6.1)

 

티스토리 반응형 스킨 FastBoot (V1.6.1)

 

티스토리 반응형 스킨 FastBoot (V1.6.1)

 

티스토리를 시작하며 밋밋한 디자인의 티스토리 스킨을 Readiz의 FastBoot (V1.6.1) 반응형 스킨으로 설치 해보겠습니다.

 

반응형 스킨이란 간단하게 블로그 접속 환경에(PC, 노트북, 스마트 폰, 태블릿PC 등) 따라 어떤 화면크기에도 게시된 화면이 반응하여 최적화된 화면을 볼 수있도록 디자인된 스킨을 말합니다.

 

현재 반응형 스킨은 무료나 유료의 형태로 많이 배포 되어있는데요. 그 중 이번에 제 눈에 확 뜨인 티스토리 반응형 스킨 FastBoot (V1.6.1)를 선택하게 되었습니다. 일단 무료이면서도 스킨의 디자인이나 구성이 너무 고급스럽고 멋집니다.

참고로 이 스킨을 배포한 Readiz님의 당당한 포부도 정말 마음에 듭니다.^^

 

이제 FastBoot (V1.6.1) 스킨을 설치해보겠습니다.

 

준비물
자신의 티스토리 계정
Readiz님의 FastBoot (V1.6.1) 반응형 스킨

 

1 Readiz의 FastBoot (V1.6.1) 반응형 스킨 다운로드하고 압축 풀기

Readiz의 FastBoot (V1.6.1) 반응형 스킨을 다운받아 파일의 압축을 풉니다.

※ 아래 FastBoot 이미지 클릭 후 Readiz님의 블로그에서 해당 파일을 다운 받으세요.

 

 

 

2 티스토리 관리에서 스킨등록하기

TISTORY관리 - [꾸미기] - [스킨] - [스킨등록] 메뉴로 갑니다.

 

 

 

3 FastBoot (V1.6.1) 스킨 업로드 하기

새 스킨 등록 화면 하단에 추가 버튼을 눌러 압축을 푼 파일을 업로드 합니다.

 

 

이때 아래 화면처럼 두 번을 나누어 업로드 합니다.
index.xml 파일부터 아래 style.css 파일까지 드래그 해서 파일을 선택 후 등록합니다.

 

 

images 폴더 안에 있는 모든 파일을 선택하여 등록합니다. 

아래와 같이 스킨파일이 등록 된 것을 확인하고 화면 우측상단의 [스킨 저장명]에 알아보기 쉽게 스킨이름을 넣어 주시고 화면 하단 [저장] 버튼을 눌러 스킨을 저장합니다. 

이렇게 저장된 스킨은 스킨 보관함에서 확인이 가능합니다.

 

 

4 FastBoot (V1.6.1) 스킨 적용하기

TISTORY관리 - [꾸미기] - [스킨] - [보관함] 메뉴로 갑니다.

저장한 스킨을 확인하고 하단에 [적용] 버튼을 눌러 스킨을 적용합니다. 

 

FastBoot (V1.6.1) 스킨을 적용한 저의 블로그입니다.
이제 처음 시작하는 블로그라 게시글이 없지만 멋진 스킨 덕분에 고급스런 블로그가 된 것 같습니다. 

 

 

5 모바일웹 스킨 OFF하기

FastBoot (V1.6.1) 스킨은 반응형 스킨이라 티스토리에서 제공하는 모바일웹 스킨을 꺼줘야 제대로 된 효과를 볼 수 있습니다.
TISTORY관리 - [꾸미기] - [모바일웹 스킨] 메뉴로 가서 화면 오른쪽 [상단 모바일웹 스킨] - [OFF]를 선택 후 저장 합니다.

 

 

이상 티스토리 반응형 스킨 FastBoot (V1.6.1) 설치 후 적용하기였습니다.