본문 바로가기

-3/사용설명서

[꾸미기] 메인페이지 상단 바꾸기

728x90

안녕하세요 :)

야심한 밤에 블로그질하는 신작가씨 인사드립니다.

 

오늘은 알면쉽지만 모르면 어려운 강좌를 여러분께 하나하나 짚어보는 시간 갖도록할게요 ㅎㅎ

바로 저 위에 제목 그대로 말했듯, 메인페이지의 상단 디자인 변경에 대해 알려드릴게요~

 

 

시작하기전에..

1. 하단의 관리자페이지에서 원하는 스킨을 골라주세요.

2. 스킨을 고르면 아래 그림과 같은 이미지가 나옵니다.

 

개인의 취향에 따라 알맞은 스킨을 선택후 보시면 저 위의 테두리 부분이 오늘 바꾸게 될 오늘의 강좌입니다^^

 

3. 자. 일단 저 이미지에 맞게 캡쳐또는 이미지저장을 하시고 포토샵을 불러옵니다.

 포토샵에서 캡쳐한 이미지를 불러오면, 아래와같은 사이즈가 나옵니다.

4. 본인이 디자인하고싶거나 써놓고싶은 글 귀를 넣어 이미지를 완성후 꼭 저장을 PNG로 저장합니다 :)

5. 이제 완성된 이미지를 어떻게 적용시키냐고요? 자. 이제 거의 다왔습니다ㅋㅋ(쳇 흔한....거짓말.)

아니아니예요. 진짜 다왔으니 저만믿고 따라오세요^^(너가 누군줄알고!! 퍽퍽퍽)

1번과 같이. 관리자페이지로 돌아가서 두번째 HTML/CSS편집을 클릭하여 들어갑니다. 

 

 

 6. 들어가면 오른쪽에 파일업로드를 클릭합니다.

들어오면 여러개의 홈페이지의 저장되어있는 파일들이 보입니다.

 

 

7. 자. 하단의 +추가 버튼을 클릭하여 포토샵에서 저장했던 파일을 찾아 (필자는 title0.png로 저장) 업로드합니다.

 이미지가. 제대로 업로드 된 것이 확인됩니다.

 

 

 

8. 그리고 다시 파일업로드 옆의 HTML/CSS 를 클릭합니다.

들어와보면 정말이지 어느나랏말인지도 모를 글자들이 보입니다.

 

 

9. 그 중 밑에있는 스타일.css로 스크롤을 내리신후 오른쪽에 쪼끄만 버튼을 누르시면 더 큰창에 확인이 가능합니다.↓

 

 

 

10. 위의 스타일.CSS로 들어와 헤더부분의 이미지명을 본인이 업로드했던 이미지명으로 바꿔줍니다. 

 

 

 

11. 현재 이미지가 블로그에 저장되어 있는것을 확인하면 완성입니다

 

참고

스킨마다 방법이 다를 수 있으므로 양해바랄게요 ㅠㅠ

 

 

 

 

수고하셨습니다.

여러분도 이제 원하는 스타일대로 스킨을 꾸미실수 있는 초보탈출을 하셨군요>.<

다음에는 더 알찬 강좌로 돌아오겠습니다

감사합니다 (__)(--)(__)

 

 

추천. 눌러주세요~잉♡>.<

댓글도 좋아요☞☜