방랑자 여행견문록
티스토리 블로그 친구추가 버튼 만드는 방법 이웃추가 본문
티스토리 이웃은 네이버 이웃 처럼 안타깝게도 티스토리엔 네이버 이웃같은 이웃 계념이 없습니다. 소통할 방법을 찾아야 합니다. "이웃"이라는 용어도 사용하고 있지 않습니다. 다만, 티스토리에서는 "링크를 걸어" 그것으로 네이버 이웃과 비슷하게 블로거들 간에 소통을 돕는 기능을 사용자가 만들어 사용해야 한답니다. 그래서 링크라는 표현을 다른말로 "티스토리 이웃"이라고 표현했답니다. 그냥 생각하기에 즐겨찾기 추가 한다는 느낌이라고 해야 할까요. 없는 기능을 만들어 보겠습니다. 포스팅 시작할게요.
티스토리 이웃추가 버튼.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 > <!-- 티스토리 이웃추가 버튼 끝 -->
|
'호기심 ' 카테고리의 다른 글
스타벅스 커피 로마 신화에 나오는 사이렌 일러스트 작품 (0) | 2019.02.27 |
---|---|
사진 편집 최강자 어도비 포토샵 CC를 무료로 받아서 사용해보기 (0) | 2019.02.26 |
스크린 캡처 프로그램 picpick 블로그 운영에 유용한 팁 (0) | 2019.02.26 |
티스토리 블로그 카카오톡 유입 이유 방법 궁금증 해결 (0) | 2019.02.26 |
성공을 위한 명언 좋은 명언 빌게이츠 토마스 에디슨 나폴레옹 (0) | 2019.02.25 |
Comments