티스토리 블로그에 대한 정보

티스토리 블로그 애드디스(ADD THIS)를 이용한 SNS 공유 버튼(아이콘) 만들기!!

A beginner’s mind 2022. 3. 20. 13:49
반응형

티스토리 블로그 애드디스(ADD THIS)를 이용해 SNS 공유 버튼(아이콘) 만들기!!

안녕하세요. 유익한 티스토리 블로그 정보 알리미 A beginner’s mind입니다.

며칠 전에 제 티스토리 블로그를 공유할 수 있었으면 좋겠다고 생각했었습니다. 그래서 검색을 하다가 우연히 애드디스(Addthis)라는 SNS 공유 플랫폼을 발견하게 되었습니다. 애드디스(Addthis)를 통해 티스토리 블로그에 SNS 공유 버튼(배너)을 만들 수 있었습니다. 괜찮다는 느낌을 많이 받았습니다. 그래서 여러분들께 소개해 드리고자 합니다. 유익한 시간이 되셨으면 좋겠습니다. 바로, 시작하겠습니다!

애드디스(Addthis) 홈페이지

애드디스(Addthis) 홈페이지(바로가기)로 검색해서 들어가시면 위와 같은 화면이 보이실 겁니다. 그러면 편하신 대로 빨간색 표시를 이용해서 회원 가입하시면 됩니다. 회원 가입하실 때 korea.Republic of를 꼭 체크해 주세요!

 

애드디스(Addthis) Dashboard

회원가입을 다 하셨다면, 오른쪽 위에 있는 Dashboard를 눌러 주세요!

 

애드디스(Addthis) Tools

Dashboard를 누르신 후, Tools를 눌러 주세요.

 

애드디스(Addthis) ADD NEW TOOL

Tools를 누르신 후, ADD NEW TOOL를 눌러 주세요.

 

애드디스(Addthis) Share Buttons

ADD NEW TOOL를 누르신 후, Share Buttons를 누르세요!

 

애드디스(Addthis) 툴 타입 선택

여기에서 원하시는 툴 타입을 선택하시고, Continue를 눌러 주세요.

 

애드디스(Addthis) Selected by You

Selected by You를 누르신 후, ADD MORE SERVICES를 누르시고

원하시는 SNS를 검색해서(LINE, KAKAO 등) Activate Tool를 누르세요!

 

애드디스(Addthis) 버튼 위치 조정

위 표시를 누르시면 PC와 Mobile에서의 위치를 바꿀 수 있습니다.

 

애드디스(Addthis) Get The Code

Activate Tool를 누르신 후, Get The Code를 눌러보신다면

 

애드디스(Addthis) Code

코드를 복사하실 수 있는 페이지가 나옵니다. 복사를 해 주세요.

여기서 잠깐!! 꼭 아셔야 하는 게 있습니다!

끝까지 놓치지 말아 주세요!

 

스킨 편집 --> html 편집 

블로그 홈 편집--> 스킨 편집--> html 편집 

순으로 진행해 주세요.

 

애드디스(Addthis) Code

</head> 아래에 위 코드를 붙여 넣기 해 주세요.

바로 여기!!입니다!

붙여 넣기 후, 마지막으로 </body>를 입력해 주세요.

그러면 끝입니다! 모두 고생 많으셨습니다.

 

애드디스(Addthis) Analytics

Analytics를 누르시면 이제 어떤 포스팅이 얼마나 공유되었고, 어떤 SNS로 공유가 되었는지를 날짜까지 선택해서 편하게 확인하실 수 있습니다.

 

지금까지 이 글을 읽어준 모든 분들께 감사드립니다. 앞으로도 계속해서 지켜봐 주세요! 감사합니다!

 

반응형