블로그 링크버튼 만들기,css만들기

블로그를 운영하다 보면 링크버튼이 필요한데요. 오늘은 css버튼 아주 쉽게 만드는 방법 알려드릴게요.

이미 만들어져 있는  css버튼을 사용할 거예요. css버튼, 링크버튼 가져올 수 있는 사이트 아래 링크 걸어두었어요.

아래사이트에 접속하세요. 맘에 드는 버튼 하나를 고르시고요. 저는 빨간색 버튼을 선택했어요.

https://www.bestcssbuttongenerator.com/

오른쪽에 보시면 글자크기 색상 전부 변경할 수 있어요.

다음엔 코드 받기를 누르세요. 코드를 2개로 나눠 받아서 버튼을 내 블로그로 가져올 거예요.

1번이랑 2번 따로 티스토리에 붙여 넣을 거예요.

먼저 2번을 복사해 줍니다.

그리고 티스토리로 넘어갈게요

 

 

티스토리 > 관리 > 꾸미기 스킨편집 > html편집을 클릭하면 css  가 보일 거예요.

이제 아까 2번 복사했던걸 css  에다가 헷갈리지 않게 제일 맨 아래에다 복사할게요.

그리고 적용 누릅니다. 그럼 2번은 끝났고요.

 

이젠 버튼을 서식으로 만들게요. 글 쓸 때  편하게 css 버튼을 서식으로 만들어 둘게요.

다시 티스토리> 관리> 꾸미기> 서식관리> 서식 쓰기로 들어갑니다.

아까 링크 걸어둔 css사이트에서 1번을 복사해 올게요.

서식 쓰기에서 html로 1번을 붙여 넣기 해요.

회색으로 red라는 글에다가 원하는 글을 넣으면 됩니다. 기본모드로 돌아와서 완료 누릅니다.

 

 

 

버튼이 완성이 됐어요.

서식에 들어가면 만들어둔 css버튼 서식이 있을거에요