티스토리 뷰





간편하게 SNS 공유버튼 추가하기 1


여러 블로그를 방문하다보면

깔끔한 스킨과 카테고리와 정성들여 쓴 글을 읽다가

본문 하단의 공유 단추를 보면 이런 것도 있었다니

감탄만 하며 그냥 지나쳤다.

역시 전문가 블로거 분들은 다르구나 하는 생각이들었다.


시간이 걸리더라도 내 블로그에 추가하고 싶은 것은

차근차근 바꿔보려고 하는 중이다.


다행인게 티스토리에서 카카오톡스토리, 트위터, 페이스북 지원 하고 있다.

포스팅 시 하단에 공유 단추를 추가할 수 있다.

(블로그 관리 -> 플러그인 설정 가능)


그래도 여러개의 공유 단추를 삽입한 분들의 블로그를 보면

나도 내 블로그 하단에 달고 싶다는 생각이 마구 쏟는다.


먼저 좌측 공유 사이드바를 달고 싶어서

찾아보다가 마침

간편하게 좌측 사이드바와 공유 단추를 제공하는 사이트를 알게 되었다!!

(네이버는 정책상의 이유로 이용할 수 없다.ㅠㅠ)




▶ 세어씨스 활용방법

(회원가입)


세어씨스에서 회원가입을 하고, 간단한 설정만 하면 간편하게 소스를 얻어서

내 블로그에 삽입할 수 있다.

(단점은 카카오톡, 네이버, 다음 등은 없어서 제한적이다.)


회원가입해서 간편하게 공유버튼/팔로우 버튼을 간편하게 만들 수 있다.

먼저 회원 가입 후 로그인을 해야한다.


회원가입하기 위해서 정보를 입력하고,

로그인을 하면 된다.



그럼 원활한 활성화를 위해서 블로그 스킨 편집에서 소스를 넣으면 된다.

잠시 소스를 원활하게 보려고 사파리에서 코드를 복사했다.


블로그 스킨 편집

<head> 두 코드 사이에 소스 원하는 위치에 넣기 </head>





크롬이라 자동 번역이 되어 화면이 위와 같다.


공유 버튼 - 스티커 공유 버튼

블로그 좌측에 고정 공유버튼바를 설정하는 것이다.


원하는 사이트 단추를 추가할 수 있다.

(아쉽지만 카카오, 다음, 네이버 공유는 없었다)


한국어 선택 후 최신정보 클릭 하면 활성화 된다.




두 번째 카테고리 설정은

블로그 글 마지막에 공유 단추를 설정할 수 있다.


활성화하고, 원하는 단추를 추가하면 된다.


설정완료하면 코드가 생성되는데

작성 할 때마다 코드를 삽입해야한다.

(자동인줄 알았는데 매번 포스팅 할 때 삽입해야한다.)







그럼 최신 정보 클릭~




3번 째는 사용자 정의 공유 버튼 인데

본인이 직접 만드는 것 같다.

아직 안해봐서 패스@_@



4번 째 카테고리는 이미지에 공유버튼 활성화 하는 설정이다.

이 설정도 원하는 단추를 추가하면 된다.

(아래 이미지를 드래그해서 마우스 커서 가져다 되면

공유버튼 보이게 하는 것인데

해당 이미지만 설정할 수 있는 것 같다서.. 나는 필요 없을 것 같다.)



그럼 설정은 완료!!




그리고

팔로우 버튼 & 반응 버튼도 코드를 얻을 수 있다.



활성화를 하고 원하는 하단에 단추를 추가할 수 있다.



SNS 계정의 아이디를 입력하면된다.



그리고 반응 버튼이란것도 추가가 가능하다.  

꽤 귀여운 것 같다.

(근데 은근 스트레스 받을 것 같아서 달지 않았다.)

좌측 사이드바를 설정 할 수 있는 사이트를 알게 되어 너무 좋다.

세어씨스 사이트는

웹 공유 사이드바는 제공하지만

모바일 공유바는 서비스 하고 있지 않는 것 같다.

(세어씨스는 방법을 모르겠다.)


그래서

다른 사이트가 있는지 찾아보았는데

좀 더 업그레이드 버전인 듯한 사이트를 찾았다.

현재 블로그에서 사용 중이다.


공유갯수가 더 다양해서 

간편하게 공유버튼 추가하기 2도 포스팅 해놓았다.


페이스북

트위터

네이버

밴드

카스




댓글
최근에 올라온 글

이 블로그 인기 글