티스토리 뷰

필자는 SNS 공유 버튼 만드는 방법이 어려운줄 알았습니다. 막상 해보니 아주 쉽게 만들었는데 그건 SNS 공유 버튼 만들어 주는 외국 사이트가 있더군요. 초보인데도 10분만에 간단히 완성 했습니다. https://www.addthis.com 입니다.


사이드에 공유 버튼이 있지요? 블로그 글 홍보 하려면 SNS 공유 버튼이 필수 라는 생각이 들 정도로 필요한 것 같습니다. 구독자분이 공유 버튼 누르면 간단히 SNS으로 공유 할 수 있습니다. 카카오톡스토리를 "예" 로 들어 볼까요?  사이드의 공유 버튼을 누르면 



위의 창이 뜨고 "카카오스토리로 공유" 버튼 누르면 바로 카카오 스토리에 올라 갑니다. 카카오 스토리에 올라간 화면을 누르면 본 페이지로 이동 하여 구독 할 수 있습니다. 좋은 글이라면 공유가 되어 글이 퍼져 나가겠지요. 


그럼 SNS 공유 버튼 만드는 사이트에서 간단히 만들어 볼까요?


먼저 한글로 번역 되는 구글 크롬 브라우저를 이용 하시고 https://www.addthis.com 로 이동 합니다. 회원 가입 하시고요. 이메일과 비번만 넣으시면 됩니다... 자동 번역 되니 보시면서 따라 하시면 됩니다.


도구를 탐색 클릭


공유하기 버튼 클릭


활성화 버튼 클릭


사이드 바 클릭


위치는 왼쪽/오른쪽은 PC용 이고 바닥/상단은 모바일용 입니다. 소셜 네트워크는 자동을 자신의 선택으로 바꾸어 주세요. 그래야 카카오 스토리도 첨가 할 수 있습니다.


필요 없는 버튼 지우고 더 많은 서비스 추가 클릭 하여 원하는 SNS를 추가 하시면 됩니다. 순서 변경도 할수 있습니다. 디자인과 고급옵션에 들어가면 버튼 색상 변경이나 버튼 위치를 바꿀수 있으니 이용 하여 주세요. 그런다음 저장및 계속 버튼을 누르면 저장이 되어 코드 소스가 나옵니다.



아래의 설명대로 코드 복사 하여 HTML 수정 페이지에서 수정 하시면 됩니다.

<클릭 하시면 큰 이미지로 보실 수 있습니다./ 다른 이미지도 동일>


</body> 바로 위에  코드소스를 넣어 주시면 끝입니다. 그럼 바로 인식이 되어 사용 하실 수 있습니다. 수정 하실려면 그 사이트에서 도구 클릭후 설정을 클릭 하면 수정 할 수 있는 페이지로 들어가져 수정 할 수 있습니다.

 


수정 되면 바로 사이드에 공유 버튼의 색상이나 위치가 바꾸어 져서 나타 납니다.


아래 이미지는 모바일 일때..


아주 간단 하지요? 간단 하니 웬만 하면 공유 버튼을 만들어 주시기 바랍니다. 


댓글
댓글쓰기 폼