티스토리에 SNS 아이콘 추가하기

안녕하세요 . 오늘은 티스토리에 SNS 아이콘 추가하는 방법을 알려드리고자 합니다.

SNS 아이콘 뿐만 아니라 다양한 기능들이 있는 아이콘을 연동할 수 있습니다.

"AddThis"

주소 : https://www.addthis.com/

1. 위에 주소창을 들어가면 초기화면은 밑에와 같습니다.자신이 원하는 회원가입 방식으로 회원가입을 해주세요.

2.회원가입 or 로그인을 하게 되면 Select a Tool 박스가 뜹니다. 여기서 Share Buttons를 클릭해 줍니다.

3.클릭하면 아래와 같은 화면이 뜹니다. Social NetWorks는 사용하고자 하는 기능들을 선택하는 창입니다. Selected by you를 클릭해서 자신에게 필요한 기능들만 추가해줍니다.

4.기능들을 추가했으면 아이콘의 크기와 버튼의 색깔을 설정해 줄 수 있습니다. icon Color도 설정해 줄 수 있습니다.

5.아이콘 디자인이 끝이 나면 공유할 수 있는 타입과 횟수도 제한 할 수 있습니다.

6.아이콘의 위치를 설정할 수 있습니다. 저는 오른쪽으로 설정해 보았습니다 

자신의 홈페이지에 맞게 설정하면 될 거 같습니다.

7.여기까지 모든 설정이 되었다면 아래와 같은 화면이 뜹니다.

"just Copy"인데요 . 이 부분을 복사 ( Ctrl + C )를 해줍니다.

8. 자신의 티스토리 HTML편집으로 들어갑니다.

들어가게 되면 소스가 있을 텐데 Ctrl + F 를 통해서 </body>를 검색해 줍니다.

검색한 </body>바로 위에 부분에 아까 복사한 코드를 삽입하여 줍니다.

그리고 저장을 클릭하면 끝!!

성공적으로 아이콘이 삽입되어 있는 걸 확인할 수 있습니다 .