티스토리 뷰
간편하게 SNS 공유 버튼 추가하기 2
지난 번에 세어씨스를 통해서
좌측 공유 사이드바와 공유단추 추가하는 방법을
간편하게 SNS 공유 버튼 추가하기1로 포스팅을 했었다.
이번엔 간편하게 SNS 공유 버튼 추가하기 2를 포스팅하려고 하는데
어드디스 사이트를 통해서
무료로 블로그에 좌측, 우측 사이드 바쪽에
SNS 공유버튼을 간편하게 노출시킬 수 있다.
현재 티스토리 블로그에 좌측 사이드바쪽에
추가를 해서 사용 중이다.
무료이면서 간편한 설정으로 HTML 코드를 쉽게 얻을 수 있고,
다양한 도구들이 있어서
어드디스 사이트 툴로
블로그에 추가하면 유용한 것 같아서 포스팅을 해본다.
(네이버는 정책상의 이유로 이용할 수 없다.ㅠㅠ)
▶ 어드디스 툴 활용하기
(홈페이지 접속)
먼저 홈페이지에 접속해서
회원 가입을 하면 된다.
홈페이지에 접속해서
동의 합니다. 선택
▶ 어드디스 툴 활용하기
(회원가입)
구글, 페이스북 계정이있으면
간편하게 가입이 가능하고,
이메일 가입도 가능하다.
구글 계정으로 회원 가입을 해보았다.
메일로 회원 가입하는 방법은
정보입력 후 국가 설정과
개인정보관련 동의 체크를 하면 회원 가입이 가능하다.
회원 가입 후 로그인 하면된다.
로그인 후 해당 화면으로 이동한다.
▶ 어드디스 툴 활용하기
(도구 생성 하기)
공유 버튼을 클릭하면 도구 유형을 선택할 수 있다.
좌측 공유 사이드바를 블로그에 추가하기 위에서는
첫 번째 카테고리를 선택하면 된다.
(공유단추버튼 추가하기 위해서는
두번 째 카테고리를 선택하면 된다.)
인제 원하는 공유서비스 추가하면 된다.
본인이 원하는 공유 서비스를 추가하기 위해서
선택을 하면
기본적으로 5가지가 보인다.
삭제를 할 수도 있고,
드래그를 하면 위치 변경이 가능하다.
먼저 2가지를 삭제하고,
↓
공유서비스를 추가해보자
그럼 추가할 공유서비스를 검색해보자
검색을 해서
카카오스토리와 카카오톡을 추가하고,
네이버 라인도 추가해봤다.
이런식으로 원하는 공유서비스를 검색을 할 수 있다.
이런식으로 9가지를 공유서비스를 선택했다.
↓
이렇게 설정을 완료하면
저장이 된다.
우측 상단에
코드 가져오기 선택 후
아래로 내리면 코드를 확인 할 수 있다.
코드를 확인 할 수 있고,
+ 버튼을 누르면 코드를 복사할 수 있다.
그럼 해당 코드를 복사해서
티스토리 관리 → 꾸미기 → 스킨 편집 → <body> 밑에
코드를 붙여 넣으면 된다.
스킨 편집을 클릭을 하면
HTML 편집에 코드를 삽입 할 수 있다.
해당 코드를 </head> 밑에 <body> 밑에 코드를 붙여 넣고,
이렇게
SNS 공유 버튼이 추가된 것을 확인 할 수 있다.
스킨 편집에서
어드디스 HTML 코드 삽입 후엔
도구 추가 및 설정 변경을 할 경우
자동으로 적용된다.
정말 편하게 변경하거나 추가가 가능하다.
또
SNS 공유 버튼뿐만 아니라 공유단추, 팔로우 버튼 등등
다양한 설정을 통해서 블로그에 활용해보면 될 것 같다.
다음에는 관련 게시물 - 슬라이더 도구를 추가해봐야겠다.
(관련 정보의 포스팅 글이 더 있고,
앞으로도 차근차근 꿀팁 정보 포스팅할 예정이다.)
'◎ 정보 ◎ > IT · 전자 통합정보' 카테고리의 다른 글
| MS 오피스 설치 없이 파워포인트, 엑셀, 워드 등등 문서 작업 하는 방법 (0) | 2019.03.11 |
|---|---|
| 맥북 사용시 가장 많이 사용하는 단축키 (0) | 2019.03.11 |
| 간편하게 SNS 공유버튼 추가하기 1 (0) | 2019.03.08 |
| 사이트 맵 만들어보자 (0) | 2019.03.07 |
| 줌(ZUM) 사이트에 블로그 등록해보자 (0) | 2019.03.07 |
