티스토리 고수익 전략으로 버튼 만들기 이외 여러 가지가 있을 수 있습니다. SEO 로 검색엔진 최적화 및 링크설정 방법으로 전면광고 확률 높이기 , 이미지 CDN사용으로 블로그 속도 높이기로 최적화등 많은 요소가 있지만 , 블로그 컨텐츠에서 클릭율 높이는 방법과 다운로드 이용한 '전면광고' 뜨는 확률을 높이는 방법 중 하나로 '버튼' 을 만들어 두는 방법 또한 이러한 전략중 하나라고 할 수 있습니다. 이제 본격적으로 티스토리 '버튼' 만들기 '다운로드 버튼' 을 만드는 방법에 대해서 알려 드리도록 하겠습니다. 하나씩 천천히 따라 오시기 바랍니다.
Contents
1. 콘텐츠 버튼 중요성
문장 안에서 여러가지 클릭을 할 수 있도록 콘텐츠를 제작하는 방법은 블로그를 오래 운영해 오신 고수님들이 많이 사용하시는 방법중 하나입니다. 따라서 처음에 블로그를 세팅하고 운영하시는 경우에는 우선은 많은 콘텐츠를 제작하고 이를 확장시키시다 보면 , 여러 가지로 추가로 공부를 하게 되는데요. 다른 글들이나 다른 곳의 사이트, 다운로드등의 내용을 연결시키려고 할 때 보통 앵커텍스트나 관련글을 '하이퍼링크' 같은 형식으로 많이 남기게 됩니다. 우선 이것은 기본적 세팅도 그렇게 되어 있기도 하지요.
하지만, 일반적인 문장이나 글자에 단지 '언더라인'이 쳐져 있는 키워드 또는 관련주제 제목보다는 아무래도 '버튼'이나
'클릭' 형태로 만들어져 있는 경우에 훨씬 더 콘텐츠 소비자들이 '클릭'을 하실 확률이 올라갑니다. 따라서 우리는 이러한 '버튼' 양식을 제작을 하여서 , 관련글이나 '다운로드' 링크 제작 시 참고하여서 사용하시면 '전면광고'등의 확률이 올라가게 되고 이를 잘 이용한다면 광고수익은 자연히 올라갈 것입니다.
2. HTML의 a 태그 (?)
버튼 만들기 의 기본 코드는 ' a태그 '를 사용하셔서 만들 수 있습니다. <a> 태그라는 것은 기본적으로 링크를 만들어 주는 코드입니다. 예를 들자면 , 이 a태그를 통해서 문장을 쓰고 , html 코드로 감싸주면 , 링크가 걸려서 이동할 수 있는 것인데요. 제가 https://google.com이라는 곳으로 태그를 걸어서 링크를 타고 이동하게 만들려면 ,
<a href="https://www.google.com/"> 구글 페이지로 이동하시려면 클릭 </a> 이렇게 해서 html 코드를 통해서 링크 URL이 완성되게 됩니다. 이 태그는 "https" 까지 포함하여서 주소를 넣어 주셔야 합니다.
이렇게 HTML 코드를 통해서 작성해 두게 되면 문서상으로는 나타나는 것이 구글 페이지로 이동 하시려면 클릭 이렇게 나타나게 됩니다. 마우스를 가져다 대면, 클릭하는 마우스 커서로 변경되게도 됩니다. 당연히 링크를 타고 이동하게 됩니다.
이
3. 'a태그 <a> 태그 새창열기
기존에 다른 하이퍼링크 텍스트 나 '새창에서 열기'와 같은 형태라고 보실 수 있습니다. 태그속성을 추가해 주시면 가능한데요 , "target="_blank"로 속성을 추가해 주시면 됩니다. 이는 아래와 같이 작성됩니다.
<a href="https://www.google.com" target="_blank"> 구글 페이지로 이동하시려면 클릭 </a>
4. 버튼 만들기 사이트
4.1. 자료 만들기
예를 들어 '버튼 만들기 사이트'라고 하는 본문 텍스트에 버튼을 만들어 보려 합니다. 그러면 버튼 만들기 코드를 통해 티스토리 메뉴 상단우측 링크 클립 모양을 연결해서 링크를 만들어 둘 겁니다. 관련 링크는 아래와 같습니다.
이제 이 링크문장을 '글보기'에서 '기본모드'가 아닌 'HTML'에서 열어서 한번 살펴보도록 합니다. 대충 이렇게 태그가 만들어져 있습니다. "<a href= " "> 버튼 만들기 사이트 </a> 이 정도로 나타날 것입니다.
<a href="https://www.bestcssbuttongenerator.com"><b> 버튼 만들기 사이트 </b></a>
여기서 html모드에서 " <a href= ~ "를 " <a class="myButton" href ~ " 로 CSS에 넣어둔 "myButton"을 불러오면 바로 버튼양식으로 링크가 바뀝니다.
4.2. 버튼 적용방법
이제 위에서 적은 " 버튼 만들기 사이트 "를 다시 버튼양식으로 html에서 a와 href 사이에 "class="myButton"을 삽입해 보겠습니다. 아래를 확인해 보시기 바랍니다. 꿈해몽에 대해 궁금하시다면 , 링크를 클릭해 보시기 바랍니다.
4.3.다운로드 버튼 만들기
이렇게 '버튼 만들기' 를 한번 적용해 보았습니다. 관련 기본적인 CSS 나 HTML은 필요한 부분만 조금씩 배우셔서 응용하실수 있을 것입니다. 아래는 바로위 제가 작성한 CSS 코드 입니다. 마음에 드시면 , 이 CSS 코드를 다운 받으셔서 조금만 편집하시거나 아니면 그대로 티스토리 관리 - HMTL편집-CSS 로 들어가셔서 제일 아랫단에다 붙여넣기 하시고, 위에서 언급드린 '링크' 한 곳이 있다면 , 글쓰기 -HTML에서 " class= my Buttion" 만 중간에 삽입하여 주시면 버튼이 완성될 것입니다. 아래 파일 첨부 다운로드 클릭하기를 참고하시기 바랍니다.
참고로 파일첨부에 대해서 다운로드를 버튼으로 만드는 경우에는 '다운로드파일' 문서작성을 통해서 파일을 첨부해 두고,
그 문서로 들어가서 파일위에 마우스 우클릭을 하고 , "링크주소 복사" 를 통해서 , 다른 사이트 링크와 같은 버튼 양식으로 다운로드 버튼을 사용하실수 있습니다.
이상으로 티스토리 고수익 전략, 버튼 만들기에 대해서 '버튼 만드는 방법'을 알아보았습니다. 이밖에도 관련 정보나 블로그 운영정보는 아래를 참고해 보시기 바랍니다.
[블로그 운영/블로그 고급설정] - 백링크 설정 nofollow와 follow 개념 및 블로그 적용법
백링크 설정 nofollow 와 follow 개념 및 블로그 적용법
앞서 백링크 설정 개념 및 이해 nofollow와 dofollow의 뜻, 그리고 관련된 외부링크와 내부링크, 좋은 백링크 만드는 법과 내 사이트에서 백링크 확인하는 방법까지 알아 보았습니다. 여기서는 추가
knowledge.cat-dreaminvestment.com
[블로그 운영/블로그 고급설정] - 고수익 블로그 특징은 블로그 폰트 크기와 줄간격 설정법
고수익 블로그 특징은 블로그 폰트 크기 와 줄간격 설정법
고수익 블로그 폰트 특징을 몇 가지로 분석해 보겠습니다. 고수익블로그의 특징은 대부분 폰트 크기가 매우 큰 것으로 보입니다. 폰트 크기가 큰 이유가 무엇인지 , 폰트 크기가 고수익 블로그
knowledge.cat-dreaminvestment.com
[블로그 운영/블로그 고급설정] - 앵커 텍스트 만들어 블로그 고수익 노려볼까
앵커 텍스트 만들어 블로그 고수익 노려볼까
앵커텍스트 만들어서 고수익 블로그로 퀀텀업 하는 방법에 대해서 알아보도록 하겠습니다. 이는 쉽게 말씀 드리자면 블로그 안에서 사용하는 일종의 '링크'를 설명하는 것입니다. 목차 앵커 텍
knowledge.cat-dreaminvestment.com
'블로그 운영 > 블로그 고급설정' 카테고리의 다른 글
| 백링크 상위노출 위한 주의 사항 (0) | 2023.05.09 |
|---|---|
| 앵커 텍스트 , 백링크 상위노출 위한 기본적인 SEO작업 (0) | 2023.05.09 |
| 백링크 작업 , 블로그 지수 높이는 법과 상위노출 백링크 사이트 (0) | 2023.05.09 |
| 블로그 자동목차 만들기 (0) | 2023.04.08 |
| 앵커 텍스트 만들어 블로그 고수익 노려볼까 (0) | 2023.04.04 |
| 전면광고 라는 블로그 수익 극대화 비밀 (0) | 2023.04.04 |
| 티스토리 날짜 안보이게 하는 , 날짜 숨기는 비밀 (0) | 2023.04.03 |
| 티스토리 글자크기 및 폰트 조절하는 방법 알아보자 (0) | 2023.04.03 |
댓글