1. 블로그 관리 → 꾸미기 → 스킨 편집 → html 편집 클릭

 

2. 파일 업로드 → "추가"를 눌러서 프로필로 사용할 이미지를 업로드합니다.

3. 파일 이름이 복잡한 경우에는 이미지 파일을 우클릭 해서 링크 주소 복사를 누르면 파일명을 쉽게 가져올 수 있습니다.

3. HTML을 클릭하고 해당 부분을 찾아서 코드를 수정해줍니다.

<div class="profileImg"><img src="./images/업로드한 이미지 파일명.jpg" /></div>
<h1><a href="{##_blog_link_##}">{##_title_##}</a></h1>
<div class="desc"><pre>{##_desc_##}</pre></div>

대괄호를 넣으니까 제 블로그 정보의 link, title, 설명이 떠서 중괄호로 바꿔놨습니다. 
붙여넣기 할 때
blog_link, title, desc의 중괄호({ })를 대괄호([ ]}로 변경해주세요.

 

붙여넣기 하실 때 blog_link, title, desc의 중괄호({ })를 대괄호([ ])로 바꿔주세요. (이미지 참고)

 

4. CSS를 클릭하고 해당 부분을 찾아서 코드를 삽입해줍니다.

 

.profileImg {
  width: 250px;
  height: 250px;
  margin: 10px auto;
}

.desc pre {
  font-family: "FontAwesome";
  line-height: 25px;
  padding: 0 0 0 40px;
}

<!-- 가운데 정렬을 할 경우 -->
.desc pre {
  font-family: "FontAwesome";
  line-height: 25px;
  text-align: center;
}

 

기본적인 틀만 잡은 상태고 구체적인 값들은 취향에 맞춰서 추가하시거나 조절하시면 됩니다.

+ Recent posts