티스토리에서 간단하게 링크 버튼 만드는 방법과 장점

소개 블로그 글을 작성할 때 필요한 사이트로 이동을 시키기 위한 링크는 필수 요소 중 하나입니다. 특히 링크 버튼을 만들어 사용하면 방문자들이 클릭할 확률이 높아져, 더욱 직관적이고 효과적인 블로그 운영이 가능합니다. 이번 글에서는 티스토리 블로그에서 이미지 같은 글씨 버튼, 즉 링크 버튼을 쉽게 만드는 방법을 소개하겠습니다.

 

 

가장 큰 장점은 링크를 통해 페이지를 열 때, 구글 애드센스 광고가 노출되며 광고 수익을 창출할 수 있다는 점입니다. 요즘은 페이지에 표시된 가시적인 광고보다는 추가적인 정보를 얻기 위해 사용자들이 링크를 클릭하는 경향이 강해지고 있습니다. 이 과정에서 광고를 자연스럽게 노출시킬 수 있고, 방문자들이 링크를 클릭하면서 광고 클릭 확률을 높일 수 있습니다. 즉, 단순한 정보 제공이 아닌 광고 수익을 극대화할 수 있는 기회를 제공하는 셈입니다.

 

장점

방문자들이 쉽게 클릭할 수 있도록 시각적 효과를 강화합니다.

글씨 링크보다 더 눈에 띄며, 디자인적인 측면에서 블로그를 깔끔하게 만들어 줍니다.

사용자 경험(UX)을 개선하여 더 많은 클릭을 유도할 수 있습니다.

 

링크 버튼 만드는 순서

Button Generator 사이트 방문

링크 버튼을 만드는 데 필요한 디자인을 선택할 수 있는 사이트인 Button Generator에 접속합니다.

여러 디자인 중 원하는 스타일을 선택하세요.

디자인 커스터마이징

텍스트, 색상, 크기, 그림자 등 디자인을 원하는 대로 수정하여 버튼을 꾸밉니다.

 

 

코드 복사

디자인이 완료되면 'Get Code' 버튼을 눌러 CSS 코드와 HTML 코드를 복사합니다.

티스토리 관리 화면에서 CSS 코드 추가

티스토리 관리자 화면의 '스킨편집'으로 이동하여, 'CSS 편집'에서 복사한 CSS 코드를 붙여넣습니다. 이때 반드시 !important;를 추가해 주어야 링크 글씨 색상이 올바르게 적용됩니다.

HTML 코드 붙여넣기

'서식관리'로 이동하여 HTML 코드를 붙여 넣습니다. HTML 모드에서 코드를 입력하고, 서식을 저장해두면 매번 반복해서 사용할 필요 없이 간편하게 링크 버튼을 삽입할 수 있습니다.

 

블로그 글 작성 시 사용

글 작성 창에서 서식에 저장해둔 버튼을 불러오고, 링크와 텍스트를 수정하여 원하는 페이지로 이동할 수 있도록 설정합니다.

이 과정을 통해 누구나 쉽게 클릭 가능한 링크 버튼을 만들 수 있으며, 블로그 방문자들에게 더 나은 경험을 제공할 수 있습니다.

 

참고 사이트