티스토리 친구하기(링크) 추가 하는 법

티스토리 친구하기 추가하는 법

 

 

티스토리에서 방문자에게 자신의 블로그를 쉽게 링크 추가 할 수 있도록 버튼을 추가하는 방법에 대하여 알아보도록 하겠습니다.

 

1단계 가장 먼저 관리화면에서 꾸미기에서 스킨편집으로 들어가야 합니다.

 

 

2단계 스킨편집화면에서 다시 html편집 으로 이동합니다.

 

 

 

3단계 HTML과 CSS 소스를 추가 해야 합니다.

 

HTML

 

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

 CSS

 

.button_base {
    margin: 0;
    border: 0;
    font-size: 14px;
    text-align: center;
    vertical-align:middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: pointer;
}

.button_type_1 {
   margin:50px 0px 0px;
   position: fixed;
   width: 138px;
   height: 30px;
   color: #ffffff;
   background-color: #000000;
   padding: 5px;
   border-radius: 4px;
   z-index:99;
}

.button_type_1:hover {
  color: #ffffff;
  border: #EE4257 solid 1px;
  background-color: #000000;
}

 

코딩 부분의 설명은 버튼 또는 DIV 꾸미기 포스팅에서 자세하게 하도록 하겠습니다.

 

4단계 적용 된 모습 확인하기(완료)

 

1단계부터 4단계까지 티스토리 친구(링크) 추가 기능 적용하는 법에 대하여 알아 보았습니다.