티스토리 뷰

티스토리 버튼 만드는 방법을 찾아보면 다들 너무 어렵게 알려주죠? 제가 처음에 블로그 시작 할 때 찾아봤는데, 뭔 소린지 하나도 모르겠더라고요. 그래서 제가 버튼을 1분 안에 넣을 수 있게 아주 쉽게 알려드리도록 하겠습니다. 바로 아래에서 버튼 만들기 바로 해볼게요!

 

 

티스토리 버튼 만들기
티스토리 버튼 만들기

 

티스토리 버튼 만들기

1. 버튼 사이트 접속

먼저 버튼을 만드는 사이트 접속을 해야겠죠? 

 

 

접속하면 아래에 화면이 보이실 겁니다. 뭔가 어려워 보이시죠? 하나도 안 어려우니까 잘 따라오세요!

 

티스토리 버튼 만들기
티스토리 버튼 만들기

 

2. 디자인 선택

티스토리 버튼 만들기
티스토리 버튼 만들기

 

왼쪽 하단에서 맘에 드는 디자인 골라주면 됩니다. 대체적으로 밝은 색이 인기가 많은 색이고 사람들이 잘 클릭하는 색이므로 초록색이나 파란색을 추천드립니다.

 

3. 세부 디자인 변경

티스토리 버튼 만들기
티스토리 버튼 만들기

 

여러분들의 사이트에서는 영어로 써져 있을 텐데 제가 번역해 놨으니, 위 사진을 보고 원하는 모양으로 세부 디자인을 변경해줍니다. 

 

4. css 적용 및 html 코드 적용

디자인을 모두 변경하고 나서 버튼을 클릭하면 아래처럼 코드가 보입니다.

티스토리 버튼 만들기
티스토리 버튼 만들기

 

1번이 html 코드 2번이 css 코드입니다. 

2번을 복사해서 내 블로그 관리 >> 스킨 편집 >> html 편집 >> css 편집에 붙여 넣기  

위 과정만 하면 이제 편하게 버튼을 사용할 수 있습니다. 이제 1번 코드를 내 블로그 관리에 서식 관리에 붙여 넣기하고 필요할 때마다 꺼내서 쓰시면 되겠습니다. 아주 간단하죠?

 

버튼을 사용하셔서 애드센스 수익을 극대화하시길 바랍니다!!

 

✅함께 보면 좋은 글✅