블로그 로고 적용, 변경 하기

 

블로그 로고 적용, 변경 하기

 

블로그를 운영하시는 분들이라면 블로그 제목을 단순한 텍스트가 아닌, 멋진 로고를 만들어 사용하고 싶은

마음일겁니다.하지만 어렵다는 편견 때문에 시도 조차 못하시거나,이웃에게 물어보고

물어보다 포기하시거나 둘중에 하나겠지요??

 

블로그 생성 초기, 저 역시 로고를 바꾸려 애를 쓰다 포기한 케이스였는데..

예전에 로고 등록에 실패 했던 이유는..

검색에 로고 변경 방법이나,이웃에게 물어 물어 해답을 얻었지만 제 블로그에는 적용이 안되었습니다.

이유는 티스토리 블로그 스킨마다 등록 방법이 조금씩 틀리다는 것입니다. 쿠쿵~!!

 

스킨마다 모두 틀린지는 모르겠습니다만

4개의 다른 스킨의 블로그를 생성해 실험해본 결과 두가지 방법이면 일단..로고가 멋지게 변경되었으므로..

두가지 방법만 알려드릴테니 차례 차례 해보시길 바랍니다.

 

 

먼저 로고를 제작하셔야 합니다.[로고 무료 제작사이트 포스팅]

제작한 로고를 저장하기 전에, 이름을 꼭 영문으로 아무렇게나 바꾸시고 파일형식은 png 또는 gif 뭐 아무거나 상관 없습니다.그리고 찾기 쉬운 곳에 저장을 하시구요.

 

로고가 준비되셨으면 이제 시작합니다~!

 

 

 

관리자 버튼을 누르시고 밑의 사진의 스킨을 누른 후 파일업로드를 누릅니다.

 

 

 

 

파일업로드를 누르면 밑의 창이 뜨고 추가를 눌러 "로고" 저장시킨 곳에서 로고를 찾아 클릭하고 열기를 누릅니다.

저는 로고 이름을 "tttt" 로 해놨군요.

 

 

 

 

추가 하셨으면 로고가 목록에 들어간 것이 보이시죠? tttt는 제가 만든 이름이고 png는 파일 형식입니다.

tttt.png <<<이것은 곳 주소로 쓰이니 기억하셔야 합니다.

 

목록에 로고를 추가하게 되면 제작한 로고를 본인 블로그 내에서 사용할 수 있습니다.

이제 HTML/CSS 편집으로 들어가서 로고를 넣어야 합니다.

 

 

 

 

 

 

HTML/CSS를 누르시고 키보드의 ctrl(컨트롤)+f 를 누르시면 "찾기" 가 나옵니다.

그럼 복잡한 소스들을 쉽게 입력해서 찾을 수가 있습니다.

스샷 하나 하나 보면서 잘 따라오세요.

 

 

 

 

첫번째 방법

 

 

찾기에"logo" 입력하면 편집 화면에 <img src="./images/logo.gif" 이렇게 나오는데 이 빨강 주소를 지우고 이자리에 아까 추가했던 로고 주소 를 넣으시면 됩니다.

제 로고 주소는 tttt.png 였으니 <img src="./images/tttt.png" 이렇게 하면 됩니다.

 

 

 

 

 

그럼 제작한 로고가 블로그 상단에 적용이 됩니다. 참~~~~쉽죠?

 

 

두번째 방법

 

 

찾기에 <a></h1> 을 입력하면 [#헉#_title_#헉#]</a></h1> 요게 보이는데 ("헉"이건 빼주시구요..)

빨간 부분을 전부 지우시고 그자리에 <img src="./images/로고주소"/>이걸로 바꿔주시면~

<img src="./images/로고주소"/></a></h1> 이렇게 되겠죠

그리고 미리보기 하시면 로고가 변경이 되었을겁니다.

 

 

 

 

 

 

정리

 

첫번째 방법

찾기에 logo를 입력 하고 src="./images/logo.gif" 이걸 찾으시면 빨간 부분을 지우시고 님이 만드신 로고 넣으시면 됨

 

두번째 방법

 

찾기에 </a></h1> 입력하시고 [#헉#_title_#헉#]</a></h1> 이걸 찾으시면 빨간 부분을 지우시고 이 자리에다

<img src="./images/로그주소"/></a></h1> 밑줄친 빨간 것으로 바꿔 주시면 됨니다.

 

 

그리고 찾기에서 logo 입력해서 "logo"안나오면 </a></h1>이걸로 입력해서 두번째 방법으로 하시면 되구요

찾기에서 </a></h1>입력해서 이게 안나오면 logo 로 찾기 하셔서 첫번째 방법으로 하시면 됩니다.

 

그리고...찾기에서 logo 하고 </a></h1> 이거하고 같이 나오는 경우가 있는데..

그럴땐 두번째 방법으로 해주시면 됩니다.