구글 애드센스 전면광고로 수익을 높이기 위한, 티스토리 HTML 버튼 만들기
| ▣ 목록 (LIST) ▣ |
1. HTML 버튼 코드 만들기
2. HTML 버튼의 Option 정보 넣기
3. 높이 150, 배경 색 노란색, 가독성을 위한 진한 글자, 자동 마진 설정 버튼 만들기
1. HTML 버튼 코드 만들기
(1) 버튼 만들기 HTML 기본 구조: <button> 글자 </button>
(2) 추가 기능 넣기: <button style="option 정보 넣기" type = "button"> 글자 </button>
2. HTML 버튼의 Option 정보 넣기
(1) 높이 height: 150px;
(2) 배경색상 background-color: yellow;
(3) 모서리 라운드 크기 border-radius: 20px;
(4) 글자크기 font-size: 30px;
(5) 진한 글자 font-weight: bold;
(6) 글자색상 color: black;
(7) 버튼의 글자 간격
① 상황에 맞게 marin: auto;
② 오른쪽에서 간격 두기 margin-right:=5px;
③ 왼쪽에서 간격 두기 margin-left:=5px;
3. 높이 150, 배경 색 노란색, 가독성을 위한 진한 글자, 자동 마진 설정 버튼 만들기
(1) 버튼 만들기
| <button style="height: 50px; background-color: yellow; border-radius: 20px; font-weight: bold; color: font-size: 30px; white; margin: auto;" type="button">텍스트</button> |
(2) 이제 일반 텍스트와 같이 티스토리 편집기를 사용해 글자 정보, 링크 연결 등 편집 작업을 해주시면 됩니다.
(3) 일반 링크에 비해 확실히 가독성이 좋은 것 같습니다.
이상이며,
티스토리 블로그만 그런지 몰라도 링크를 이용해 다른 사이트에 이동한 후 다시 블로그로 돌아오면 전면 광고가 나오고 있습니다. 처음에는 왜 그렇지 생각했는데, 최근 애드센스 수익을 확인해 보니 링크가 애드센스 수익에 도움이 되는 것 같습니다.
그래서 생각해보니, 어차피 링크 정보가 포함된 블로그 포스팅이라면, 버튼이 있으면 더 링크를 잘 누를 수 있는 것 같아 내용 공유합니다. 도움이 됐으면 좋겠습니다.
