티스토리 링크 버튼 만들기 (무료)

티스토리 블로그에 글을 쓸 때 링크를 많이 달게 된다. 단순하게 URL복사를 해서 붙여 넣어도 되지만, 기왕이면 보기 좋게 링크 버튼을 만들어서 링크를 달게 되면 육안상 더 깔끔하다. 그래서 오늘은 티스토리 링크 버튼 만들기 방법에 대한 글을 써보려 한다.

 

티스토리 링크 버튼 만들기

---

티스토리 링크 버튼 만들기

 

링크텍스트

 

위처럼 링크 버튼을 만들 건데, 우선 아래에 링크 버튼을 만드는 사이트로 접속한다.

A useful tool for designing css buttons

 

---

 

왼쪽에서 링크 버튼 디자인을 선택하고, 오른쪽에서 링크 버튼을 조정하면 된다.

마지막으로 링크 버튼 설정이 다 끝났으면 가운데에 Get Code를 클릭해서 코드를 복사 붙여 넣기 하면 되는데 아래서 다시 설명하겠다. 일단 열어놓고 대기한다.

 

---

 

티스토리 로그인을 하고 관리로 들어가 왼쪽에 꾸미기 - 스킨 편집으로 들어간다.

 

---

 

html 편집을 클릭한다.

 

 

 

CSS를 클릭하고, 아까 링크 버튼 만드는 사이트에서 Get Code를 클릭해서 첫 번째 줄 말고 그 아래에 'my Button~' 부분을 다 복사해서 CSS 맨 아래 공백에 붙여 넣기하고 적용시켜 준다.

 

---

 

다시 관리에서 왼쪽에 콘텐츠에서 서식관리로 들어간다.

 

---

 

오른쪽 위에 서식 쓰기를 클릭한다.

 

---

 

오른쪽 위에 기본모드를 클릭하고 HTML로 바꿔준다.

 

---

 

제목에는 "링크버튼"이라고 적고 본문에는 <p style="text-align: center;" data-ke-size="size16"><a class="myButton" href="링크페이지">링크텍스트</a></p> 라고 적는다.

"링크페이지"에는 링크를 넣을 URL주소를 넣고, "링크텍스트"에는 링크 버튼 문구를 적으면 된다.

 

---

 

다시 기본모드로 보면 위처럼 보인다.

 

 

미리 보기로 확인하면 이렇게 링크버튼이 만들어진 것을 확인할 수 있다.

 

글을 쓸 때 링크 버튼을 넣을 거면 서식에 들어가 링크 버튼을 연다음 HTML 모드로 바꾸고 URL주소와 문구를 넣고 다시 기본 모드로 나오면 된다.

---

지금까지 티스토리 링크 버튼 만들기에 대해서 알아보았다.