티스토리 이웃 추가 버튼 만들기 사용 요렵 정리

티스토리 이웃은  네이버 이웃 처럼 안타깝게도 티스토리엔 네이버 이웃같은 이웃 계념이 없습니다. 소통할 방법을 찾아야 합니다. "이웃"이라는 용어도 사용하고 있지 않습니다. 다만, 티스토리에서는 "링크를 걸어" 그것으로 네이버 이웃과 비슷하게 블로거들 간에 소통을 돕는 기능을 사용자가 만들어 사용해야 한답니다. 그래서 링크라는 표현을 다른말로 "티스토리 이웃"이라고 표현했답니다. 그냥 생각하기에 즐겨찾기 추가 한다는 느낌이라고 해야 할까요. 없는 기능을 만들어 보겠습니다. 포스팅 시작할게요.

 

티스토리 이웃추가 버튼.txt  다운로드 후 사용하세요.

스크롤 따라 움직이는 이웃추가 버튼 설정 방법

 꾸미기 →스킨편집 클릭→HTML/CSS편집창에 들어오면 우측 상단에 CSS메뉴를 클릭해주세요.

그리고 맨 아래로 이동해서 위사진 처럼 코드 복사를 넣어 주세요.

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

/* 티스토리 이웃추가 버튼 시작 */ .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> <!-- 티스토리 이웃추가 버튼 끝 -->   티스토리친구하기 이웃추가 버튼 을 생성하는 방법에 대해서 알아봤습니다. 단점이 있다면 모발일에서는 이버튼이 안보인다는 것과 친구 추가 버튼이 없네요...PC전용이라 생각하시고 잘 사용하시기 바랍니다.