블로그 밋밋한 타이틀을 이미지로 바꾸기

블로그 밋밋한 타이틀을 이미지로 바꾸기

블로그 제목이 좀 밋밋해서 이미지로 바꿔봤습니다.

산뜻하니 모 시커먼 글씨가 써있을때 보다 헐 좋으네요

 

일단 이미지가 필요하겠죠?

이미지 사이즈를 잘 조정해야 합니다. 아무생각없이 세로를 7센치짜리로 바꿨다가 깜짝 놀랬드랬습니다.

타이틀 배경의 크기에 따라서 다르겠지만 제 블로그 같은 경우라면 세로길이는 3~4센티를 넘지 않는것이 좋겠고

저의 경우 타이틀 배경은 그냥 두고 제목만 png파일로 바꿨습니다.

 

블로그 타이틀용 png 이미지 크기

가로 15.1cm

세로 3.49cm

 

 

 

 

 

이미지를 파일업로드 

 

 

 

 

 

 

이제 HTML/CSS로 가서 소스를 수정합니다.

 

 

 

Ctrl+F를 눌러  header을 검색하여 위 그림의 위치를 찾은 다음

3번 박스 부분만큼 수정합니다.

4번 이미지 제목이 저는 title.jpg로 되어 있지만 실제 업로드한 이미지와 같은 파일명을 입력합니다.

 

 

제목 이미지 변경.txt

 

냐~~ 완성

이제 파비콘을 맹글러 갑니다~