티스토리 블로그에 SNS 플로팅 버튼달기

티스토리 블로그에 SNS 공유버튼을 설정할수 있는 방법에는 여러가지가 있습니다. 

지난글에서는 티스토리 자체에서 제공하는 플로그인과 AddThis 라는 곳에서 제공하는 소스코드를 활용하여 SNS공유버튼을 나의 블로그에 설정하는 방법을 알아보았습니다.

참고: 티스토리(블로그) 소셜플러그인 설정하기

다만, 이공유버튼들은 설정한 위치에 이동을 해야만 보여지는 한위치에 고정된 SNS 공유버튼 입니다. 그래서 이번에는 사이트내에서 마우스를 위아래 스크롤 할때에도 따라다니면서 항상 보여지는 플로팅 SNS 공유 버튼을 아주쉽게 설정하는 방법에 대해 알아 보도록 하겠습니다.

1.AddThis 홈페이지로 이동합니다. =>바로가기

로그인을 한후 상단 <Get the Code>를 클릭합니다. 클릭하면 여러가 형태의 버튼 형식이 보여지는데 여기서 트위터,페이스북,구글 플러스등 SNS 공유버튼의 원하는 아이콘스타일 형태를 선택합니다. 그러면 관련된 소스코드가 우측에 나타나게 되며, 이 소스코드를 복사하여 메모장등 적당한 곳에 붙여넣어 보관합니다.

SNS_플로팅(AddThis_소스)

2.이 소스코드를 티스토리 관리->HTML/CSS 편집화면에서 해당 소스를 적당한 곳에 붙여 넣습니다.

저의 경우본문 포스팅영역인  바로위에 붙여넣었습니다.(이유는 다음뷰 플로팅버튼은 꼭 본문영역에 삽입을 해야되어서 동일하게 관리를 하기위해)

SNS_플로팅02(소스삽입)

3.정상적으로 적용이 되었는 블로그에서 확인을 합니다.

SNS_플로팅03(블로그확인)

블로그 좌측에 정상적으로 설정이 된것이 확인이 됩니다.

이제 포스팅이 길어서 마우스 스크롤을 위아래로 이동을 해도 항상 SNS 공유버튼이 화면에서 계속 따라다니게 됩니다.

구독자 분들이 좀더 편하게 트위터나 페이스북, 구글플러스를 통해 공유할수 있도록 되었습니다.