애드센스 전면광고를 위해 버튼이 필수입니다. 보통은 사진으로 버튼을 만드는데 클릭률이 낮아 CSS로 버튼을 만듭니다. 워드프레스와 티스토리는 스킨에서 버튼 적용이 가능하지만 이번 시간에는 CSS를 통한 버튼 만드는 법을 알아보겠습니다.
티스토리 CSS 버튼 만들기
- 사이트 접속 https://www.bestcssbuttongenerator.com/
- 버튼 선택 후 스타일 조절
- Get Code 클릭
- 하단 CSS 코드 복사
- 티스토리 이동 후 HTML 편집에서 CSS 클릭 후
- 제일 하단에 복사한 코드 삽입 후 적용
- 버튼 사이트에서 위에 있는 THML 코드 복사후
- 티스토리 서식에 넣고 서식 발행
- 글쓰기에 들어가 버튼 위치에 프로프트 위치하고
- 더보기에 서식을 클릭해 버튼을 삽입한다.
- 글쓰기 모드를 HTML로 변경후
- “#”에는 연결된 주소를 넣고 “red”의 글씨에는 버튼 이름을 적는다.
- 글을 발행하면 버튼이 보이게 된다.
워드프레스 CSS 버튼 만들기
- 티스토리와 동일하게 사이트에서 코드를 복사한다.
- 모양(외모) – 사용자 정의 – 추가 CSS에 코드를 넣고 발행한다.
- 글쓰기에 모드를 텍스트로 놓고 티스토리와 동일하게 HTML 코드를 넣고 발행한다.
더 자세한 설명을 원하신다면 동영상이나 아래 링크를 보시면 됩니다.