안녕하세요:ㅇ
다들 티스토리에 이런 공유배너 본 적 있으신가요?
이렇게 SNS 공유나,
문구를 지정할 수 있는 이런 공유 배너,
추천 포스팅 팝업까지!!
이 모든 것을 한번에 만들고, 관리하고, 심지어는 통계까지 볼 수 있는
그런 서비스가 있답니다. 현재 제 블로그에서도 사용되고 있는 서비스인데요.
무료인데다, 사용법도 간편하고, 코드를 한번만 수정하면 쉽게쉽게 바꿀 수 있다는 장점이 있죠.
추천포스팅도 얼마전까지 사용했지만
Html 수정 및 테스트 관계로 (새 스킨 개발)
잠시 꺼두었답니다. 이런 플로팅 팝업이 불편하시면 언제든 말씀해 주세요.
자, 이것이 바로 오늘의 주인공인 Addthis라는 사이트입니다!
이렇게 간편히 통계도 확인할 수 있죠.
자, 그럼 회원가입부터 적용 방법까지 간단히 알아볼까요?
1. 우선 Addthis 홈페이지에 들어가주세요.
Free Website Tools라고 나오죠?
우린 영어를 못하지만 Free에는 직관적으로 끌리죠...ㅎㅎ
2. 회원가입
SNS 소셜계정이나 이메일 주소로 가입이 가능해요.
구글이나 페이스북이 편하신 분들은 마음대로 SNS로 가입하셔도 됩니다.
요렇게 이메일 주소와 비밀번호, 거주국가, 1달 방문자수 범위를 넣어 주고
꼭 아래의 "로봇이 아닙니다" 라는 체크박스에 체크해 주셔야 해요.
문제를 풀라고 하면 순순히 풀어주세요...
3. 세팅
회원가입을 다 하시고, 만든 아이디와 비밀번호로 로그인 해 주시면
이런 창이 뜰 겁니다. 저는 이미 이것~ 저것~ 적용해 놓고,
실제로 이 버튼을 이용해 공유해 주시는 분들도 계시다 보니 이렇게 뜨지만,
새로 가입한 여러분께는 아무것도 뜨지 않을 거예요.
제일 위쪽에 Analytics 라고 되어 있죠?
그 옆에 있는 Tools를 클릭해 보세요. 이제 다양한 툴들을 적용시켜 볼 거예요.
현재 제가 사용중인 툴들이예요. 위쪽 파란색 Add new tool 을 클릭하셔서 만들 수 있답니다.
구글에서 사이트 설정을 하는데 실시간 활성 사용자가 들어오셨더라고요.
영암군에서 들어오셨다고 뜨네요!! 혹시 8월 17일 아침에 영암군에서 접속하신 분 댓글로 인사 한번 해 주세요~✋🏻
다시 현재
이제 툴을 추가해 봅시다.
저는 후원하기 툴을 추가해 볼께요.
Add new tool 에서 Website Tip jar 라는 옵션을 선택해 주세요.
공유버튼을 만드려면 Share Buttons를 누르면 된답니다.
왼쪽에 이렇게 페이먼트 링크를 입력해 주고요.
사소한 설정들을 한 다음에 Activate 툴을 누르면 활성화가 된답니다.
티스토리에 적용하기
이제 이 툴을 티스토리에 적용해 볼까요?
오른쪽 위에 보시면 이렇게 Get the code라는 메뉴가 있어요.
바로 html 코드를 얻을 수 있는 메뉴랍니다.
위에 Code only view라는 버튼을 활성화 하면,
이런 코드가 보이는데요,
지금은 제가 모자이크로 가려놨답니다.
오른쪽에 + 버튼을 눌러 복사해 주세요.
이제 티스토리 스킨 편집에 가셔서~
ctrl+f 를 눌러 <body> 코드를 찾아주세요.
바로 밑에다 아까 복사해둔 코드를 넣으면 된답니다.
적용을 누르고, 티스토리에 가 보면, 활성화가 되어 있답니다.
https://www.patreon.com/egg_jini?fan_landing=true
Patreon
Patreon is empowering a new generation of creators. Support and engage with artists and creators as they live out their passions!
www.patreon.com
이렇게 후원 페이지도 만들었으니 저에게 힘이 되어주세요!!
할 수 없다면 구독 / 공감이라도 한번씩 꾹꾹 눌러주세요~
후원자 전용 굿즈도 제작하고 있답니다.
언제 포스팅으로 한번 알려 드릴게요.
질문이나 문의사항 있으면 언제든 댓글 달아 주세요.
공감 / 댓글은 로그인이 필요 없으니 하트 꾸- 욱 아시죠?
아 맞다! 9독!!
'에그디자인' 카테고리의 다른 글
| [일러스트 #11] 입체 3D 구 만드는 방법 / 포토샵 / 일러스트레이터 강좌 (0) | 2021.08.19 |
|---|---|
| 인스타그램 레이아웃 템플릿 쉽게 만드는 법 / 미리캔버스 / SNS / 좋아요 (2) | 2021.08.17 |
| [타이포] 3D 입체 디자인하기 / 공간감 텍스트 / 일러스트레이터 / 타이포그래피 디자인 / 위기를 기회로!! (0) | 2021.08.16 |
| [일러스트 8] 일러스트레이터로 캐릭터 만들기 #1 / 2D 캐릭터 / 캐릭터 모델링 / 캐릭터 제안하기 / 모히톡 (4) | 2021.08.16 |
| 티스토리에 예쁜 날씨 위젯 추가하는 법 / 날씨 아이콘 / html / 오늘날씨 (0) | 2021.08.15 |
