티스토리 친구추가하기 - 티스토리 친구추가 버튼만들기

티스토리 친구추가하기 - 티스토리 친구추가 버튼만들기

 

 

티스토리를 다시 시작하며, 이것저것 티스토리에 관련해서 많이 공부를 하고 있어요

네이버 블로그만 하고 있었는데, 네이버는 기존 스킨을 적용만 하면되지만, 티스토리는 어려워요ㅠㅠ

여기저기 찾아보고, 제 마음에 드는 스킨도 찾아서 변경하였고 스킨편집도 하였어요

필요한 부분은 넣고, 필요없는 부분은 빼고 이리저리 하다보니

어느 정도 되고 있는 것 같아 뿌듯하네요 (시간도 많이 걸리고 힘들었어요 ㅠㅠ)

그러던 중에 제가 적용한 스킨에는 이웃추가, 친구추가 버튼이 없더라구요

티스토리는 원래 없는건지, 구독을 어떻게 하는건지, 이웃추가는 어떻게 하는건지 완전 멘붕!

제 티스토리에는 없는 것 같아서, 티스토리 친구추가 버튼을 넣어보았습니다!

(다른 티스토리 여기저기 조합을 해서 성공했어요 ㅋㅋ 티스토리꾸미기 봐도봐도 어려움... 다신 건들지 않을거에요 진짜... 네버... 절대로...!!!! ㅠㅠㅠㅠ)

 

티스토리 친구추가하기 버튼 생성방법 시작!

↓

먼저, 티스토리로그인 후, 블로그 관리에 들어갑니다~

그리고, 그림에서 마우스손모양이 보이는 것처럼 스킨편집에 들어가요~

그다음에는 html 편집을 누르고, 먼저 CSS에 입력을 해줍니다.

CSS 제일 마지막에 넣어주시면 되요~

 

 

 

/* 티스토리 이웃추가 버튼 시작 */
.add_neighbor {
    position:fixed;
    bottom:20px;
    right:10px;
    width:150px;
    height:40px;
    text-align:center;
    border-radius:40px;
    background-color:rgba(102,102,102,.7)
}
.add_neighbor span {
    display:block;
    padding-top:12px;
    font-size:13px;
    color:#fff;
}
/* 티스토리 이웃추가 버튼 끝 */

 

 

그리고 난 뒤, html에 아래를 입력해주세요. </body> 위에 넣어주시면 되요~

 

 

<!-- 티스토리 이웃추가 버튼 시작 -->
<a href="toolbar/popup/link" target="_blank">
    <div class="add_neighbor">
        <span>티스토리 친구하기</span>
    </div>
</a>
<!-- 티스토리 이웃추가 버튼 끝 -->

 

모두 입력 후 저장을 누르면 끝입니다! 그리고, 티스토리 내 블로그에 들어가서 확인하면 되요

참고로, 다 아시는 사항이지만! html에 입력하실 때 ctrl+f를 하셔서 검색하시면, 쉽게 찾을 수 있어요! 끝.