티스토리 로고 바꾸기!

안녕하세요? IT&GAME 입니다.

이번에 알려드릴 꿀 TIP 은 티스토리 블로그 운영하시는 분들에게 아주 유용할거 같습니다.

바로, 블로그의 로고를 바꿔보는 작업을 해보겠습니다.

약간 어려우나, 차근차근 따라해보세요.

준비물은 : 사용할 로고, 어느정도의 인내심 입니다.

이글은 전문가는 아니지만 어느정도 프로그래밍을 할 줄 알기때문에 정확합니다.

질문이 있다면 댓글을 남겨주세요.

일단 티스토리 서버에 로고를 업로드 해야겠죠.

티스토리 관리 페이지에서 제가 파란 내모 한 곳을 클릭합니다.

파란 내모를 클릭하셧죠?

=========================================================================

파일 업로드를 클릭해서 업로드를 해보겠습니다..

===============================================================================

음 저는 이 로고를 올릴생각입니다. 심플한게 좋네요. (제가 만들었어요!!)

===============================================================================

추가를 클릭해서, 로고를 업로드 합니다. 업로드를 완료하면 이렇게 됩니다.

자세히 보시면 이렇게 로고가 업로드 된 것을 확인할 수 있습니다.

여기서! 잠깐!!! images/logo.png (여러분들은 다를 수 있습니다.)

이것은 경로인데, 꼭 알아두시기 바랍니다. 로고 적용시 필요합니다.!!

이제 파란박스로 이동해서 한번 HTML 언어를 보겠습니다 수정해야 하니까요.

참고로 무지 복잡하나 저것을 다 알 필요 없고 아주 조금만 알면되니 걱정마세용!

로고가 있는 부분을 찾습니다. Ctrl + F 키를 누르고 display:block 를 검색해봅니다.

저는 찾았습니다. 여기서 주의할것이! 잘 보시면 (http://progream.homp.kr/logo.png) 라고 되어있는데

이  () 안을 수정해야 합니다. 로고의 경로를 다시 수정해야 하거든요.

여러분, 방금전 왜운 images/logo.jpg 를 기억하시나요? 같은분도 있겠지만 다른분도 있을것입니다.

이제 왜운 images/logo.jpg 것이 필요합니다.

() 안에 있는것을 지우고 images/logo.jpg 입력해줍니다

 (다를수 있습니다. 절때 저걸 그대로 입력하지 마세요. 틀려서 망하면 전 책임 안집니다.)

이제 한번 확인해볼까요?

잘됬...;;; 이런 로고가 짤리는군요. 제 로고가 너무 큰가봅니다.

여기서 두가지방법이 있는데요.

1. 로고의 사이즈를 줄인다.

2. 로고의 출력 크기를 크게 한다

저는 2번을 선택하여 다시 HTML/CSS 파일로 돌아가 수정하겠습니다.

아시죠? 여기서 제가 밑줄친 부분의 px 를 수정해줍니다.

제 로고의 사이즈는 436, 76px 이니까.. 저는 이렇게 수정해주면 되겠네요.

수정하고 저장해봅니다.

이제.. 잘 되겠죠!!!1

짠! 로고가 적용되었네요!

이제 여러분도 로고를 마음껏 바꾸어 보세요!