블로그 쌩초보의 티스토리 꾸미기

블로그라는걸 시작한지 벌써 일주일째... 

 

그 동안 블로그 배경과 타이틀을 꾸미는 걸 몰라서 전전긍긍하다가

 

최근에야 간신히 기본적인 것들을 바꿀 수 있었다.

 

텍스트큐브니 뭐니 복잡한 설명이 많아서 눈 돌아갈 뻔했는데, 블로그를 뒤져보니 쉬운 방법들이 있더만.. 

 

 

 

우선 블로그 배경 바꾸기.

 

1. 티스토리 관리자 -> 스킨 -> 2단형에서 Basic스킨 적용.

 

2.style.css에 아래 코드 추가.

 

body{
    background-color: #fff;
    background-image: url('./images/bgimage2.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

 

2.배경으로 사용할 이미지 bgimge2로 저장

 

붉은색으로 표기한 파일명은 마음대로 정하면 되는데, 단 이 둘은 일치해야 한다.

 

3.스킨-> 파일 업로드에서 해당 이미지 추가

 

블로그로 돌아가보면 변경되어 있다.

 

 

 

두 번째 타이틀 바꾸기

 

1. 타이틀로 사용할 이미지를 구한다.

 

 

 

2. 원하는대로 이미지를 편집한다.

   단 타이틀로 쓰는 것이므로 가로가 세로보다 훨씬 길게 맞춰 준다.

 

3. 그림판에서 이미지를 불러와 크기 조정을 누르고, 백분율을 픽셀로 바꿔서 가로 920으로 맞춘다.

그러면 자동적으로 세로값이 조정된다. 여기서 세로값을 기억해야 한다.

 

 

 

4. 파일 업로드를 시키고, 미리보기 이미지 우클릭을 해서 속성창을 킨다.

   URL주소에서 물음표(?) 앞까지 드래그하여 복사한다.

 

 

 

5. 관리자-> style.css로 들어가서 컨트롤+F를 누르고 title로 검색하여 아래 사진에서 보이는 곳을 찾는다.

 

 

 

1번 title-height에서 세로 높이를 3번 과정에서 기억했던 값으로 수정한다.

 

 

6. 관리자-스킨-스킨위자드로 들어간다.

 

 

타이틀 탭에서 직접올리면 끝.

 

방금 알게 된 건데, 타이틀을 눌러도 메인화면으로 가지 않는다. 충격과 공포..

 

 

세 번째 본문 배경색상 바꾸기

 

 

1. style.css에서 컨트롤+F로 #content를 검색한다.

 

 

 

 

#content { } 사이에 그림과 같이 background-color:#000000;를 추가한다.

 

#000000은 색상코드이다. 원하는 색의 코드를 찾아서 바꿔주면 됨. #000000은 검정색이다.

 

 

 

좀 투박해도 일단 꾸며놓으니 일단 속은 시원하다.

 

티스토리가 어렵다고는 들었는데, 이 정도일 줄이야.. 정말 공부를 하고, 알려고 해야지 어느 정도 제대로 꾸밀 듯..

 

나머지 부분은 다음에... 수정하는 걸로..