티스토리 뷰
간편하게 SNS 공유버튼 추가하기 1
여러 블로그를 방문하다보면
깔끔한 스킨과 카테고리와 정성들여 쓴 글을 읽다가
본문 하단의 공유 단추를 보면 이런 것도 있었다니
감탄만 하며 그냥 지나쳤다.
역시 전문가 블로거 분들은 다르구나 하는 생각이들었다.
시간이 걸리더라도 내 블로그에 추가하고 싶은 것은
차근차근 바꿔보려고 하는 중이다.
다행인게 티스토리에서 카카오톡스토리, 트위터, 페이스북 지원 하고 있다.
포스팅 시 하단에 공유 단추를 추가할 수 있다.
(블로그 관리 -> 플러그인 설정 가능)
그래도 여러개의 공유 단추를 삽입한 분들의 블로그를 보면
나도 내 블로그 하단에 달고 싶다는 생각이 마구 쏟는다.
먼저 좌측 공유 사이드바를 달고 싶어서
찾아보다가 마침
간편하게 좌측 사이드바와 공유 단추를 제공하는 사이트를 알게 되었다!!
(네이버는 정책상의 이유로 이용할 수 없다.ㅠㅠ)
▶ 세어씨스 활용방법
(회원가입)
세어씨스에서 회원가입을 하고, 간단한 설정만 하면 간편하게 소스를 얻어서
내 블로그에 삽입할 수 있다.
(단점은 카카오톡, 네이버, 다음 등은 없어서 제한적이다.)
회원가입해서 간편하게 공유버튼/팔로우 버튼을 간편하게 만들 수 있다.
먼저 회원 가입 후 로그인을 해야한다.
회원가입하기 위해서 정보를 입력하고,
로그인을 하면 된다.
그럼 원활한 활성화를 위해서 블로그 스킨 편집에서 소스를 넣으면 된다.
잠시 소스를 원활하게 보려고 사파리에서 코드를 복사했다.
블로그 스킨 편집
<head> 두 코드 사이에 소스 원하는 위치에 넣기 </head>
크롬이라 자동 번역이 되어 화면이 위와 같다.
공유 버튼 - 스티커 공유 버튼
블로그 좌측에 고정 공유버튼바를 설정하는 것이다.
원하는 사이트 단추를 추가할 수 있다.
(아쉽지만 카카오, 다음, 네이버 공유는 없었다)
한국어 선택 후 최신정보 클릭 하면 활성화 된다.
두 번째 카테고리 설정은
블로그 글 마지막에 공유 단추를 설정할 수 있다.
활성화하고, 원하는 단추를 추가하면 된다.
설정완료하면 코드가 생성되는데
작성 할 때마다 코드를 삽입해야한다.
(자동인줄 알았는데 매번 포스팅 할 때 삽입해야한다.)
그럼 최신 정보 클릭~
3번 째는 사용자 정의 공유 버튼 인데
본인이 직접 만드는 것 같다.
아직 안해봐서 패스@_@
4번 째 카테고리는 이미지에 공유버튼 활성화 하는 설정이다.
이 설정도 원하는 단추를 추가하면 된다.
(아래 이미지를 드래그해서 마우스 커서 가져다 되면
공유버튼 보이게 하는 것인데
해당 이미지만 설정할 수 있는 것 같다서.. 나는 필요 없을 것 같다.)
그럼 설정은 완료!!
그리고
팔로우 버튼 & 반응 버튼도 코드를 얻을 수 있다.
활성화를 하고 원하는 하단에 단추를 추가할 수 있다.
SNS 계정의 아이디를 입력하면된다.
그리고 반응 버튼이란것도 추가가 가능하다.
꽤 귀여운 것 같다.
(근데 은근 스트레스 받을 것 같아서 달지 않았다.)
좌측 사이드바를 설정 할 수 있는 사이트를 알게 되어 너무 좋다.
또
세어씨스 사이트는
웹 공유 사이드바는 제공하지만
모바일 공유바는 서비스 하고 있지 않는 것 같다.
(세어씨스는 방법을 모르겠다.)
그래서
다른 사이트가 있는지 찾아보았는데
좀 더 업그레이드 버전인 듯한 사이트를 찾았다.
현재 블로그에서 사용 중이다.
공유갯수가 더 다양해서
간편하게 공유버튼 추가하기 2도 포스팅 해놓았다.
'◎ 정보 ◎ > IT · 전자 통합정보' 카테고리의 다른 글
맥북 사용시 가장 많이 사용하는 단축키 (0) | 2019.03.11 |
---|---|
간편하게 SNS 공유 버튼 추가하기 2 (0) | 2019.03.08 |
사이트 맵 만들어보자 (0) | 2019.03.07 |
줌(ZUM) 사이트에 블로그 등록해보자 (0) | 2019.03.07 |
티스토리에 유튜브 영상 넣는 방법 (0) | 2019.03.07 |