블로그 수익창출 '도네리카노' 버튼 티스토리에 추가하기

https://sosotale.tistory.com/59

블로그 수익창출 '도네리카노' 후원하기 (카카오페이 송금)

이전 글에서 도네리카노를 소개해드렸는데요. 이번에는 도네리카노 버튼을 티스토리 블로그에 추가하는 방법을 알려드리겠습니다.

 

도네리카노 버튼을 티스토리 블로그에 추가하는 방법은 여러가지가 있겠지만 저는 사이드바 추가와 스킨 편집을 이용한 포스트 하단 추가 방법을 설명 드리겠습니다.

 

도네리카노 버튼 코드 가져오기

먼저 '후원하기' 버튼 코드를 가져와야겠죠?

도네리카노 사이트에 접속해서 '대시보드'의 '도네이션 버튼 추가' 메뉴를 선택합니다.

그러면 여러가지 형태의 '커피 후원하기' 버튼이 보입니다.

저는 큰버튼 중에 첫번째를 선택하겠습니다.

그러면 이렇게 후원링크 코드가 보여집니다. 이부분은 사람마다 다르니 본인 코드를 복사해서 사용하시기 바랍니다.

 

 

 

티스토리 사이드바에 '후원하기' 버튼 넣기

사이드바에 '후원하기' 버튼을 추가하기 위해 티스토리 블로그 관리자 페이지로 갑니다.

 

관리자 페이지에 보면 '꾸미기' 메뉴 아래 '사이드바'가 보입니다. 이 버튼을 클릭하면 사이드바를 설정하는 페이지가 나옵니다. 여기서 기본 모듈에서 'HTML 배너출력'을 클릭합니다. ('HTML 배너 출력' 이 없으신 분들은 '플러그인'에서 '배너 출력'을 추가해주세요)

 

그러면 스킨 테마마다 차이가 있는데 저는 사이드바1과 사이드바2 중에 선택하도록 되어 있습니다. 저는 사이드바2에 추가하겠습니다.

 

 사이드바2에 'HTML 배너출력'이 추가됐습니다. 이제 '편집' 버튼을 클릭합니다.

 

그러면 수정 가능한 화면이 보입니다.

 

여기에 도네리카노에서 복사한 버튼 코드를 붙여넣기 합니다. 그리고 '사용자 모듈에 저장'을 선택해줍니다.

 

사용자 모듈에 제가 새로 추가한 '후원하기'가 생겼습니다. 이걸 드래그 앤 드롭으로 사이드바에 넣을 수 있습니다.

 

'후원하기' 버튼을 블로그 사이드바에 추가한 모습입니다.

 

 

 

블로그 포스트 하단에 '후원하기' 버튼 추가하기

이번엔 모든 포스트 하단에 '후원하기' 버튼이 들어 갈 수 있도록 스킨 편집을 해보겠습니다.

앞서 보셨던 관리자 페이지에서 '꾸미기' 메뉴에 보시면 '스킨 편집' 버튼이 있습니다. 해당 버튼을 클릭합니다.

 

그러면 스킨 편집화면이 보이고 'html 편집' 버튼이 보입니다. 이걸 클릭합니다.

 

HTML 에디터가 보이고 여기서 부터는 스킨 테마마다 코드가 다릅니다. 제가 사용하는 스킨은 article-footer라고 해서 포스트 하단에 들어갈 내용들이 구분되어 있습니다. 저는 이부분에 도네리카노 코드를 추가했습니다. 명확히 위치를 찾기 어려우신 분들은 도네리카노 코드를 추가하고 옮겨가면서 위치를 찾으시기 바랍니다.

 

수정을 완료했다면 이렇게 버튼이 추가됩니다.

 

그럼 좋은 컨텐츠를 만드셔서 수익창출을 해보시기 바랍니다!