티스토리를 하시는 분이라면 애드 고시만 통과하면 수익이 바로 생길 거 같지만 다음 문제들로 인해 막막하실 텐데요. 오늘은 수익을 증진시킬 수 있는 방법 중 CSS 버튼 만들기를 자세하게 알아보겠습니다.
링크 CSS 버튼 만들기
CSS 버튼은 블로그나 카페를 보다면서 [지원금 바로가기] 이런 문구를 많이 보셨을 텐데요. 클릭하면 광고가 뜨고 클릭을 하게 되면 수익 증진에 도움이 되는 방법입니다.
☞ CSS 버튼 만들기 사이트 ☜
사이트 접속 후 템플렛을 선택하고 텍스트를 통해 자신이 원하는 스타일로 바꿔주세요. 완성했다면 코드 받기 클릭 텍스트 화면에 코드가 생성되게 됩니다. 아래와 같은 코드를 전체 복사, 스킨 편집, html 편집, CSS 화면 빈 공간에 복사 붙여놓고 저장을 눌러주세요.
링크 서식 만들기
다시 블로그 관리 홈에서 서식 관리 클릭 우측 상단에 서식 쓰기는 눌러주세요. 제목에 자신이 알아볼 수 있게 적어주시고 HTML 모드로 들어가 주세요. 위 사진에서 <a href="#" class="mybutton"> 블루 </a> 가장 윗부분을 복사해서 작성 중이던 HTML 모드에 복사 저장해 주세요. 다시 기본 모드로 나오게 되면 링크 버튼이 생성된 것을 확인하고 저장해 주세요.
사용방법은 글쓰기에서 점 3개 누르면 서식을 클릭하면 아까 만들어 놓은 블루라는 서식이 있습니다. 서식을 불러와 <a href="#" class="mybutton"> 블루 </a> 원하는 위치에 넣어주고 href="#" # 위치에는 자신이 링크 URL 주소를 넣어주면 됩니다. 블루라고 되어 있는 곳에는 자신이 원하는 것을 적으면 됩니다. 예시로 재난지원금 이렇게 적어주면 됩니다. 처음에는 손에 익지 않아 어렵지만 처음이 어렵지 숙달되면 빠르게 이용할 수 있습니다.
함께 읽으면 좋은 글
'생활에 도움이 되는 정보' 카테고리의 다른 글
스타벅스 다이어리 이벤트 윈터 프리퀀시 (0) | 2022.12.21 |
---|---|
한겨울의 동행축제 윈윈터 페스티벌 이벤트 (0) | 2022.12.19 |
위내시경 금식시간과 비용 수면 비수면 장단점 (0) | 2022.12.14 |
2023년 새해 계묘년 공휴일과 대체공휴일 (0) | 2022.12.12 |
서울 경기도 인천 코스트코 휴무일 주소 영업시간 (0) | 2022.12.07 |