티스토리 블로그 프로필 이미지 적용/크기 조절하기

 

블로그를 처음 시작하게 되면 대부분의 사람이

제일 처음으로 신경쓰고 꾸미는 부분이 타이틀 이미지와 바로 이 프로필 이미지가 아닐까 싶은데요.

이 타이틀 및 프로필 이미지는 곧 사람의 얼굴과 대동소이하다고 볼 수 있겠는데요. 

사람의 얼굴을 보고 첫인상을 판단하듯이

처음 방문했을 때 멋지게 꾸며진 블로그에게 호감이 더 가는 것은 당연한 이치겠지요.  

그러면 지금부터 티스토리 블로그에서 프로필 이미지의 적용 방법과

그 크기를 조절하는 방법을 알려드리겠습니다.

 

 

1. 프로필 이미지 적용하기

 

관리자 모드로 들어가서 메뉴에 보시면 사이드바가 있습니다.

그리고 오른쪽에 보면 기본 모듈에 '블로그 이미지 모듈'이란게 있죠.

화살표가 가르키는 + 를 누르게 되면요. 

 

블로그 이미지 모듈이 사이드바1로 이동하게 되죠.

이제 프로필 이미지를 적용하기 위한 첫 번째 단계가 끝났습니다.

 

다음으로 메뉴에서 기본 정보를 클릭합시다. 

 

 오른쪽 화면에 이와 같이 나오는데요.

블로그 이름과 설명을 입력하고요.

밑의 이미지 옆의 찾아보기를 눌러서 이미지를 불러오면 되겠습니다.

최대용량은 5MB 까지고 파일형식은 jpg,gif,png이 가능하다고 되어있네요.

 

 

2. 프로필 이미지 크기 수정하기

 

다음으로 메뉴의 HTML/CSS 편집으로 들어갑시다.

 

찾기(Ctrl + F)로 blogimage 란 단어를 찾습니다.

 

화면 밑의 style.css에 보시면 #blogimage img 옆에 width와 height가 나와있죠.

width는 가로, height는 세로 사이즈인데요.

옆의 300px와 220px의 수치를 수정하면 되겠습니다.

저 같은 경우는 사이드바의 가로폭이 300px이기 때문에 이와 같이 설정을 했는데요.

본인의 사이드바의 가로폭에 맞추어서 설정을 하면 됩니다.

 

이 화면이 사이드바의 가로폭인 300px에 딱 맞추어서 적용한 모습이고요.

 

이 화면은 가로와 세로의 수치를 50px씩 낮추어서 적용한 모습입니다.

 

지금까지 티스토리에서 프로필 이미지의 적용과 크기를 조절하는 방법을 알아보았습니다.

방법을 알았으니 이제 본인만의 개성있는 프로필 사진을 꾸며서 올리는 일만 남았네요.