[HTML] 티스토리 사이드바에 프로필 넣기

제 블로그에는 프로필 란이 있는데요, 이미지를 넣고 싶어서 직접 만들었습니다.

이 부분의 코드를 공유합니다.

티스토리 블로그 관리 > 스킨 편집 > html 편집에서 ctrl+F로 <div class="sidebar-1"> 를 찾아줍니다.

 

<div class="sidebar-1">
  <s_sidebar>
    <s_sidebar_element>
      <!-- 프로필 -->
      <div style="text-align:center">
        <div style="padding-bottom:10%">
          <img src=https://tistory1.daumcdn.net/tistory/3370160/attach/76476dc53d5348c59d530bd60b46c317 width="70%" style="border-radius:50%;  margin-bottom"/>
        </div>
        <h2><span style="color:;">ID </span>r4bb1t</h2><br>
        <div style="padding:0px 20px; font-size:14px">
       	  <p>자기소개를 넣어주세요.</p>
        </div>
        <div style="padding:0px 20px; font-size:12px; text-align:left">
          <p><br><span style="color:;">제목1</span> 내용1</p>
          <p><span style="color:;">제목1</span> 내용1</p>
          <p><span style="color:;">제목1</span> 내용1</p>
        </div>
      </div>
    </s_sidebar_element>
  </s_sidebar>
</div>

 

해당 부분에 위 코드를 붙여넣기 해주세요. https://tistory1.daumcdn.net/tistory/3370160/attach/76476dc53d5348c59d530bd60b46c317 부분에는 블로그 프로필 사진이 들어가는데, 다른 사진을 넣고 싶다면 '해당 이미지 주소' 로 대체해주시면 됩니다.

r4bb1t 도 기본적으로 아이디가 들어가는데 이름이나 등등으로 대체할 수 있습니다.

 

자유롭게 수정해서 사용해주세요!