혹시 티스토리 블로그를 운영하시면서 단순 텍스트 링크보다 더 눈에 띄는 링크 버튼을 만들고 싶으셨나요?
저도 처음엔 막막했지만, 지금은 정말 쉽게 만들고 활용하고 있답니다😊
1. 티스토리 링크 버튼 만들기의 장점
- 방문자의 클릭 유도
- 깔끔한 블로그 디자인 완성
- 서식으로 저장해 매번 재사용 가능
2. 만들기 방법 (초보자도 OK!)
1) CSS 버튼 코드 만들기 : 원하는 스타일 선택 후 코드 복사
2) 스킨에 CSS 코드 넣기 : 관리자 → 꾸미기 → 스킨 편집 → CSS에 붙여넣기
3) 서식으로 HTML 버튼 코드 저장 : 글 작성 시 바로 불러와서 사용
버튼 스타일을 색상, 크기, 폰트로 다양하게 저장해두면 더 편리해요!
3. TIP
- HTML 클래스명과 CSS 클래스명은 반드시 동일하게
- !important로 텍스트 색상 고정
- 글 발행 전 미리보기로 최종 확인
실제로 적용하는 과정을 그림과 함께 자세하게 정리해 두었어요.
👇 티스토리 링크 버튼 만들러가기
카페 게시글
스스로 셀프
티스토리 링크 버튼 쉽게 만들기, 클릭률 높이는 꿀팁!
거몬2
추천 0
조회 22
25.05.16 01:52
댓글 0
다음검색