티스토리·블로그스팟에 예쁜 바로가기 버튼 만드는 법

▶ 버튼을 누르면 네이버로 연결

티스토리나 블로그스팟(블로거)에 예쁜 ‘바로가기 버튼’을 달고 싶다면 아래 코드를 복사해 원하는 위치에 붙여넣기만 하면 됩니다.

---

✅ 1. 완성된 버튼 코드 (복사 버튼 클릭)

아래 코드를 그대로 사용하면 예쁜 붉은색 버튼이 만들어집니다 

<!--바로가기 버튼-->
<div style="margin: 28px 0px; text-align: center;">
  <a href="https://korean.visitkorea.or.kr/" rel="noopener"
     style="background: rgb(255, 90, 31); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px;
            color: white; display: inline-block; font-size: 20px; font-weight: 700;
            padding: 18px 34px; text-decoration: none;" target="_blank">▶ 버튼만들기</a>
</div>
    

완성버젼 :       ▶ 버튼만들기

📌 바꿀 수 있는 부분
- href="..." : 이동할 링크 주소
- ▶ 버튼만들기 : 버튼 안의 문구

---

티스토리에서 사용하는 방법

• 티스토리 로그인 → 글쓰기 페이지로 이동
• 상단 메뉴의 “HTML 편집” 버튼 클릭
• 위의 코드를 붙여넣고, 링크만 변경
• 미리보기로 확인 후 발행 

블로그스팟(블로거)에서 사용하는 방법

• 블로거 로그인 → 새 글 작성
• 상단 탭에서 “HTML 보기” 선택
• 위의 코드를 붙여넣기 → 링크 수정
• “작성 보기”로 돌아가서 버튼 표시 확인 

---

🌈 4. 버튼 색상·크기 바꾸기

항목	의미	예시
background: rgb(255, 90, 31);	버튼 배경색	rgb(0, 128, 255) (파란색)
font-size: 20px;	글자 크기	18px, 22px 등
border-radius: 10px;	모서리 둥근 정도	5px (각진) / 20px (둥근)
padding: 18px 34px;	버튼 크기	숫자 늘리면 커짐

예시: 네이버 홈페이지 바로가기

버튼 하나만 달아도 글의 완성도가 확 달라집니다.
링크만 바꿔서 다양하게 활용해보세요.