티스토리 addthis 활용하여 sns 공유버튼 달기

티스토리 꾸미기, sns 공유버튼 설치하는 방법을 알아볼까한다. 티스토리에 들어가보면 본문하단이나 우측 또는 좌측에서 페이스북,트위터,카카오 등 아이콘이 있는걸 한번쯤은 봤을꺼라고 생각한다. 해당 아이콘을 누르게 되면, 자신의 sns에 로그인을 하여 블로그의 글을 공유할수가 있다. 네이버 블로그의 경우 포스트 하단에서 SNS를 선택하여 공유가 가능하지만 티스토리는 별도로 설정을해줘야하는 번거로움이 있지만 한번 설정해놓으면 계속 사용할수 있으니, 해놓는것도 나쁘지 않을것 같다. 그럼 설치법에 대해 설명하겠다.

addthis를 이용하여 티스토리 sns 공유버튼 설치

1. addthis 접속하여 회원가입

http://www.addthis.com/

사이트에 접속하면 위 화면처럼 나타날것이다. 메인에 보면 구글이나 페이스북을 통한 로그인 또는 이메일로 신규가입이 가능한 버튼이 있으니 원하는방식으로 선택하면 된다.

2. 툴선택

회원가입 및 로그인을 하면 Select a Tool 화면이 나타나는데, 여기서 'share buttons'을 선택한다.

3. 원하는 type 선택

Select a Tool Type에서 자신의 블로그에 어울릴만한 타입으로 선택해야한다. 일반적으로는 사이드바에 달게끔하지만, 포스트 본문에도 설치할수 있으며, 사각모양이 아는 원형으로도 선택할수있으니 자신이 원하는걸로 선택한 후 continue를 클릭하면 된다.

4. 위치설정

이제 마무리까지 얼마남지 않았다. 이번 단계에서는 공유버튼의 위치와 공유할 sns를 선택/세팅하는 단계이다. 데스크탑과 모바일에서 보여질 위치를 설정을 하고, Social Networks 메뉴에서 'select your own'항목을 선택하면 여러sns아이콘이 나온다. 공유하고자 하는 sns를 선택한 후 save&continue 버튼을 누른다.

5. 코드복사

마지막단계, 위 순서대로 잘 따라왔다면 팔로잉코드를 확인할 수 있을것이다. 

First copy the following code항목의 코드를 복사한 뒤, 티스토리 관리페이지로 이동하여 html/css 메뉴를 선택하여준다.

html 코드 입력란에서 ctrl+f를 눌러준뒤 </body>를 입력하고 엔터키를 눌러준다. 앞서 addthis에서 복사해두었던 팔로잉코드를 </body> 위쪽에 붙여준다.

저장하고 빠져나오면 메인화면 사이드바에 sns 공유버튼이 설치된게 보여질것이다.

티스토리 모바일, 표 잘림 수정방법