Search

티스토리에 후원링크(버튼) 추가하기

후원버튼을 내 블로그에 추가하는 방법
토글버튼 (검은색 삼각형)을 누르면 상세이미지를 확인할 수 있어요

티스토리는 블로그 사이드바와 게시글에 추가하는 방법 2가지가 있어요!

블로그 사이드바에 위젯 추가하기

1. 후원 버튼 만들기

후원 한잔 홈페이지(https://acoffee.shop) 로그인 > 버튼만들기 > 게시글 작성용 버튼 (170 x 80) > 원하는 디자인 버튼 클릭 > 코드 복사하기 클릭

2. 내 티스토리 접속 후 블로그 관리페이지 들어 가기

우측 상단 프로필 >  클릭하여 관리페이지 이동
사이드바에 배너출력을 적용하지 않은 분은 2-1을 참고해주세요!

2-1. 배너출력 플러그인 추가하기

좌측 하단 플러그인 > 배너출력 적용

3. 사이드바에 [HTML 배너출력] 추가하기

꾸미기 > 사이드바 이동
기본 모듈 칸에 있는 [플로그인] HTML 배너출력 옆에 ‘+’ 버튼 클릭
원하는 사이드바에 추가하고 변경사항 저장 클릭

4. 배너 이름과 후원버튼(HTML 코드) 추가하기

우측에 추가된 [플러그인] HTML 배너출력 위에 마우스를 올려 [편집] 클릭
이름(예:한잔 후원하기)과 HTML 소스(1.에서 복사한 후원버튼 HTML코드) 내용 작성 후 확인 > 변경사항 저장

5. 최종 확인

원하는 사이드바에 후원버튼이 잘 적용되었는지 확인
작성글에 추가하기

1. 후원 버튼 만들기

후원 한잔 홈페이지(https://acoffee.shop) 로그인 > 버튼만들기 > 후원 링크 복사 클릭
게시글 작성용 버튼 (400 X 160) 중 원하는 버튼 디자인 클릭 > 이미지 다운로드 클릭

2. 후원버튼 게시글에 직접 등록하기

게시글 작성 화면 왼쪽 상단 사진 클릭 > 1.에서 따로 저장한 이미지 파일 추가
추가한 이미지 클릭한 상태 > 고리모양(URL 링크) > 1.에서 복사해둔 후원 링크 입력 후 확인

3. 최종 확인

게시글 작성 완료 후 원하는 원하는 후원버튼이 잘 적용되었는지 확인