[tistory] 블로그 로고 변경하기 : )

블로그를 시작하고

블로거로써 로고를 하나 만들어야겠다고 생각했다.

로고는 간단하게 ppt를 사용해서 만들어 보았다.

(후... MS 2007........)

ㅋㅋㅋㅋ

위 아래로 바를 배치하고, 중간위에는 내 이니셜인 J.를 넣어주었다.

그리고 큼지막하게 내 블로그 이름을 넣어주고 ㅋㅋ

아래에는 간단한 내 블로그 정보를 넣어주었다.

짜짠!

이렇게 간단하게 로고를 만들어 주고

티스토리 블로그에 적용해 보았다.

TMI를 말하자면

2년전까지는 웹 개발을 했어서 html 은 빠삭했기 때문에

티스토리를 시작할 때도 자신(?)있었다 ㅋㅋㅋ : )

(초대장이 없어지고 나서야 시작할 수 있었지만...TT)

아무튼! 내 티스토리의 로고를 수정해 보자!

블로그관리 > 꾸미기 > 스킨 편집 으로 들어간다.

스킨 편집에서 오른쪽 상단에 html 편집으로 들어간다.

먼저 해줘야 할 것은 파일업로드 를 클릭해서

만들어 놓은 로고를 +추가 해준다.

그러면 images/ella_devblog_logo.png 이렇게 업로드 된다.

업로드 된 경로를 따로 저장해 둔 후에 HTML 편집으로 넘어간다.

HTML 코드 중에서 header 부분을 찾고 Ella's DEVBLOG 이라고 된 부분을 찾는다.

검은 글씨로 Ella's DEVBLOG 이렇게 되어있는 부분이 지금 왼쪽 편에서 내 블로그명이 나와있는 것이다.

이거를 없애고 로고로 대체하기 위해서 코드를 수정해 주었다.

<h1><a href="https://ella-devblog.tistory.com/">

<img src="./images/ella_devblog_logo.png" width="270" height="78" alt="[##_title_##]">

</a></h1>

원래 코드에서 Ella's DEVBLOG 이 부분 대신에 <img ... >부분을 추가해준다.

src 에 아까 위에서 저장해 놓은 이미지 경로 앞에 . (점) 만 추가해서 붙여넣고,

너비와 높이를 적절하게 조절해서 width와 height으로 적용해준다.

저장을 꼭 누르고, 새로고침을 누르면 아래와 같이 로고가 적용된 것을 볼 수 있다.

완성!! : )