티스토리 친구추가하기 - 티스토리 친구추가 버튼만들기
티스토리를 다시 시작하며, 이것저것 티스토리에 관련해서 많이 공부를 하고 있어요
네이버 블로그만 하고 있었는데, 네이버는 기존 스킨을 적용만 하면되지만, 티스토리는 어려워요ㅠㅠ
여기저기 찾아보고, 제 마음에 드는 스킨도 찾아서 변경하였고 스킨편집도 하였어요
필요한 부분은 넣고, 필요없는 부분은 빼고 이리저리 하다보니
어느 정도 되고 있는 것 같아 뿌듯하네요 (시간도 많이 걸리고 힘들었어요 ㅠㅠ)
그러던 중에 제가 적용한 스킨에는 이웃추가, 친구추가 버튼이 없더라구요
티스토리는 원래 없는건지, 구독을 어떻게 하는건지, 이웃추가는 어떻게 하는건지 완전 멘붕!
제 티스토리에는 없는 것 같아서, 티스토리 친구추가 버튼을 넣어보았습니다!
(다른 티스토리 여기저기 조합을 해서 성공했어요 ㅋㅋ 티스토리꾸미기 봐도봐도 어려움... 다신 건들지 않을거에요 진짜... 네버... 절대로...!!!! ㅠㅠㅠㅠ)
티스토리 친구추가하기 버튼 생성방법 시작!
↓
먼저, 티스토리로그인 후, 블로그 관리에 들어갑니다~
그리고, 그림에서 마우스손모양이 보이는 것처럼 스킨편집에 들어가요~
그다음에는 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를 하셔서 검색하시면, 쉽게 찾을 수 있어요! 끝.
'이것저것' 카테고리의 다른 글
추석 열차표 성공!! 성공 꿀팁~ (0) | 2018.08.28 |
---|---|
2018 추석열차표 코레일예매 - 긴장감! 제발 성공하자 (0) | 2018.08.24 |
네이버 열린이웃(RSS)추가하기 (0) | 2018.08.23 |
순녹 아쿠아클렌징바 - 피지,각질,보습 관리 한번에! (0) | 2018.08.22 |
카카오프렌즈 라이언 보조배터리 - 파워뱅크보조배터리 (0) | 2018.08.22 |