본문 바로가기
tip/blog

AddThis로 블로그에 SNS 공유 버튼 추가하기

by fluorite94 2018. 10. 20.
반응형

티스토리 블로그를 보다 보면 우측이나 좌측에 SNS 공유 버튼이 있는 걸 보신 적 있으실 겁니다.

해당 포스팅이 마음에 들거나 다른 지인에게 공유해야 할 때 유용하게 사용되는데,

애드디스(AddThis)를 사용해서 블로그에 공유 버튼을 추가하는 방법입니다.



제 블로그 같은 경우 우측에 이렇게 생성해놓았습니다.


AddThis 사이트에 접속합니다.


https://www.addthis.com/


구글이나, 페이스 북 계정으로 간단하게 계정을 생성 할 수 있습니다.



저는 구글을 선택하고 간단한 정보 입력을 통해 회원 가입을 했습니다.



여러가지 기능들을 추가할 수 있지만, Share Buttons를 클릭해 공유버튼을 생성합니다.



여러가지 타입들이 존재합니다. 저는 Floating을 선택했습니다.!





아래 라디오 버튼 (Selected by You)를 선택해서 원하는 SNS를 추가합니다.

다른 탭들을 클릭해서 여러 옵션들도 설정 가능합니다.

설정을 마치면 맨 아래의 Activate Tool 버튼을 클릭합니다.



소스코드가 생성되는데 코드를 복사하고,

[티스토리 - 블로그 관리 - 스킨편집]에 코드를 추가해줍니다.



HTML 맨 아래의 </body> 위에 복사한 코드를 추가해줍니다.

저장하고 블로그로 돌아와 새로 고침 합니다.



SNS 공유 버튼이 추가되었습니다.


반응형


댓글