오늘은 티스토리에 SNS공유버튼 달기 두번째 방법 Addthis를 활용하는 법을 알아보겠습니다.
*주의할 점 – 웹사이트 디자인이나 구조가 시간이 지남에 따라 조금씩 바뀌므로
아래 그림과 달라도 맥락상 이해하면서 진행.
1. Addthis 사이트 접속하여 WEBSITE TOOLS 클릭
2. website tools 클릭하여 들어가서 ‘get started for free’ 를 클릭하여
로그인 화면으로 들어갑니다.
이메일과 비밀번호를 입력하고 ‘Register’를 누르면 다시 1번의 홈피로 들어가는데
다시 WEBSITE TOOLS를 클릭합니다.
3. 다음 나오는 화면에서 GO TO DASHBOARD를 클릭합니다.
4. 그러면 아래의 화면이 열리는데 여기서 위쪽의 ‘TOOL’버튼을 클릭하여 들어갑니다.
5. 그러면 다양한 형태의 버전들이 나오는데, 이것은 SNS공유버튼이 들어갈 모양, 위치등을
나타내는 버전입니다. 그리고 동그라미 쳐져있는 곳에 보이는 ‘PRO’ 와 ‘FREE’는
비용의 지불여부입니다.
6. 맘에 드는 것의 ‘GET CODE’를 누르면
7. 다음과 같은 팝업창이 뜨는데요 위에서부터 표시 위치, 디자인, 표현될 아이콘의 개수등을
선택할 수 있습니다.
그리고선 코드를 복사하고, 팝업창 하단에 있는 ‘ACTIVATE’를 꼭 눌러줘야 합니다.
복사한 코드를 활성화 시켜주는 버튼입니다. 이거 안누르면 코드 갖다 붙여도 아무것도
안뜹니다.^^
8. 다음으로 티스토리 관리의 HTML/CSS 편집창에가서 <BODY> 부분에 원하는 곳에 갖다 붙이면
성공!!
9. 아래 그림처럼 왼쪽에 예쁘게 나오네요. 스크롤을 해도 사라지지 않고 고정되어서 화면에
나오니 언제라도 공유하고 싶을 때 버튼을 클릭! 할수 있어서 좋습니다.
9. 근데 저는 이 ADDTHIS를 쓸지 기존의 티스토리의 플러그인을 쓸지 좀 고민을 해봐야 겟네요. 티스토리 스킨하고 좀 안 어울리는것 같기도 하고,, 오른쪽 사이드 바에 SNS 화면들하고도 반복되는거 같구요...ㅎㅎ
'◆ Info & Art > Blog & Homepage' 카테고리의 다른 글
| 티스토리에 공감(좋아요)버튼 달기 (0) | 2015.07.27 |
|---|---|
| 티스토리 SNS 공유 버튼 달기 - 'TISTORY SNS 글보내기 방법' (0) | 2015.07.22 |
