티스토리 블로그 꾸미기(스킨 사용법)

티스토리로 제대로된 블로그를 꾸미고 싶었건만..

꾸미기가 너무 어려웠다.

조금 공부해보니 다른 블로그 사이트들 보다는 굉장히 자유도가 높은편이라.. 

더 어려운것 같다.

여튼 각설하고. 

어떻게 해야 블로그를 꾸밀수 있는지 그 방법을 설명하고자 한다.

워드프레스, 나모, 드림위버. 등 툴을 사용하지 않고 무료로 꾸미는 방법이다.

※ 참고로 본인은 HTML의 아주 약간의 기본 지식을 가지고 있다.

우선 준비물이 있다.

준비물 : 1. 다른 사람이 만들어놓은 스킨, 2. 블로그 꾸밀 시간.

첫번째 준비물인 스킨이 필요한데...이 스킨을 이쁜것으로 골라야 한다.

처음에 스킨을 구하러 네X버 라는 곳에서 검색을 해봤으나 잘 나오지 않았다. 

왜인지는 모르겠으나 스킨 공유하는 사이트가 찾기가 어려웠다.

허나.. 포기 없이 계속 검색을 해보니. 몇군데 나오긴 하더라..

아래는 추천 사이트 이다.

텍스트 큐브: http://textcube.org

티스토리 스킨 포럼: http://www.tistory.com/forum/viewforum.php?id=2

두군데에서 자기가 괜찮다고 생각하는 스킨을 다운 받자.

시험삼아 테스트를 해보자.

본인은 일반적인 2단 스킨을 선택했다.

동그라미 친 저것으로 골랐다.

위의 동그라미를 클릭하여 다운을 받는다.

받은 파일을 압축을 풀고나면 위의 그림처럼 image 폴더와 5개의 중요 파일로 이루어져 있다.

image 폴더안에는 일반적으로 스킨에 쓰이는 이미지들만 모여있다.

우선은 이렇게 압축까지만 풀어 놓으면 1차적인 준비가 끝났다.

블로그 만드는 곳을 가보자.

위와 같이 골랐다. 테스트 용이라서 블로그 주소가... 걍 암거나 골랐다.

블로그 메인 첫 페이지이다. 이 스킨도 이쁘다. ... 하지만

우리는 원하는 스킨을 적용할 것이다..

관리 페이지를 가보면 왼쪽 부분들이 관리를 위한 소메뉴이다.

그중 꾸미기 - HTML/CSS 편집 으로 들어가자.

위의 붉은색 동그라미 속 (skin.html)을 다 지워버리자.

아래의 붉은색 동그라미 속 (style.css) 또한 다 지워버리자. 

걱정하지말고 믿고 따라 하세요~  ^^;

그리고 저 빈곳에 넣을게 있는데.. 

아까 압축을 푼 파일중 skin.html 파일을 메모장으로 열어보자.

위와 같이 이상한 화면이 나온다. 

"Ctrl + A" 를 눌러 전체 선택하여 "Ctrl + C"를 눌러 복사한다.

복사된 내용을 저 빈곳에 붙여넣자. 아래 style.css 또한 동일하게 작업한다.

압축푼 파일중 style.css 파일을 메모장으로 열고, 전체 복사하여 빈 style.css 공간에 넣자.

이렇게 하고 저장 버튼을 누르자.. 이거 안하면 또 다시 해야하니 꼭 하자..

그 다음 마지막 작업이다.

위의 그림 처럼 파일 업로드에 가서 추가 버튼을 눌러 아까 압축 푼 파일 전체를 추가해 준다.

이때 주의 할 사항은 두번에 걸쳐 추가를 해야하는데

한번은 image 폴더 속의 내용만 추가를 해주고, 

다음 한번은 image 폴더 밖의 5개 파일을 추가해주면 된다. 하다보면 아래와 같이 나온다.

신경 쓰지말자. ^^;

여기 까지 했으면 블로그 메인 화면으로 가보자

위와 같이 스킨이 잘 적용되고 변경 된것을 확인 할수 있다.

이렇게 나와 있는 포스팅이 없어 내가 직접 올린다.

차후에 어떤 사람이든 블로그 스킨을 적용하고 싶은 사람에게 알려주는 쉬운 방법인데..

더 궁금한 점이 있으면 덧글을 달기 바란다.

이상. 포스팅 끝.