사이드바 블로그 이미지 설정하는 방법

다른 블로그처럼 사이드바에 있는 저저 object detection 결과 사진을 넣고 싶었다.

찾아보니 저 사진을 블로그 이미지 또는 프로필 이미지라 부르더라.

설정 방법은 다음과 같다.

우선 스킨 제작자 블로그 방명록에 글 남기는 건 필수.

1. [ 꾸미기 -> 스킨 편집 -> 오른쪽 상단 html 편집 ] 클릭 

2. [ 파일업로드 ] 에서 올리고자하는 사진 추가한 다음 [ 우클릭 -> 링크 주소 복사 ] 클릭

3. [ HTML ]에서 다음과 같이 코드 추가

 <s_sidebar_element>
     <div align = "center" id = 'blogImage'>
         ~~ 
     </div>
 </s_sidebar_element>

 

 이 부분을 추가했다.

 align = "center" 를 설정해줘야 사진이 가운데 정렬이 된다.

4. [ CSS ] 에서 다음과 같이 코드 추가

 #blogImage ~

 이 부분을 추가했다. HTML에서 id를 blogImage로 잡아줬기 때문에 CSS에서 연동되어 적용되는 것 같다.

이렇게 해주니 원하던 프로필 사진이 뜨는 걸 확인할 수 있었다.