[Tistory]19.반응형 스킨#2 수정하기

안녕하세요 유랑입니다.

오늘은 반응형 스킨을 수정해 보겠습니다.

반응형 스킨중에서도 #2를 사용하겠습니다.

1. 반응형 스킨

블로그를 처음 하실 때 반응형 스킨으로 많이 시작하셨을 거에요.

원하는 형태의 스킨으로 변경이 용이하고, PC와 모바일 적용이 용이하더라구요.

저는 반응형 스킨 #2를 사용하였습니다.

1-1) 반응형 스킨 배경 변경하기

티스토리 블로그에 접속하셔서 꾸미기 => 스킨 편집 => html 편집에서 파일업로드 부분으로 들어가 주세요.

파일업로드에는 블로그에 쓰이는 이미지들이 저장되어 있는 곳입니다.

여기서 header_default.jpg가 있는데요. 이 부분을 원하는 이미지로 바꿔주시면 됩니다.

바꾸실 때는 CSS에 이미지 이름을 변경하셔도 되지만, 

똑같은 이름 설정한 후 업로드 하시는게 가장 편하실거에요.

만약 이미지 변경이 안되셨으면 캐쉬를 삭제해 주세요.

기존의 기록이 저장되어 있기에 남아있을 수 있습니다.

1-2) 사이드바 2단으로 변경하기

스킨 #2는 사이드바가 3단이기에 불편한 점이 있습니다.

3단을 2단으로 변경하도록 하겠습니다.

html에서 <div class = "col_aside left>side">를 right로 변경해 주세요.

밑에 있는 코드는 삭제하시고 CSS도 편집하겠습니다.

CSS로 들어가시고 해당 코드의 사이즈를 640PX로 변경해 주시면 완료입니다.

사이드바가 2단으로 바뀌셨을 겁니다.

그에 맞게 꾸며주시면 되겠습니다.

2. 마무리

오늘은 티스토리 블로그의 스킨을 수정해 보았습니다.

유익한 정보를 제공하려면 블로그도 이뻐보여야 겠죠?

맛있게 생긴 떡이 먹기 좋다라는 말도 있는것처럼요ㅎㅎ

오늘도 고생하셨습니다.

감사합니다.