티스토리 블로그 버튼 4개 html 코드
티스토리 블로그와 워드프레스에서 사용가능한 무료 버튼! 알록달록한 버튼 4개를 2단으로 보기 좋게 배열하고, 모바일에서는 화면 폭에 맞추어 하나씩 4줄로 배열했습니다. 색상도 4가지로 넣어봤는데요. html 모드에서 원하는 색상 하나로 수정해서 사용하셔도 됩니다.
복사 붙여넣기 하세요! 따옴표(" ") 안에 있는 원하는 링크로 대체 글자 대신에 링크를 붙여넣으시면 됩니다.
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px auto; max-width: 900px; padding: 0 15px;"><a style="display: flex; align-items: center; justify-content: center; padding: 20px; color: #ffffff; text-decoration: none; border-radius: 12px; text-align: center; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: none; box-shadow: 0 3px 10px rgba(0,0,0,0.1); background: linear-gradient(135deg, #FF6B6B, #FF8787);" href="
#원하는 링크로 대체
"> <span style="margin-right: 8px;">🎁</span> 신규가입 5천원 적립금 </a> <a style="display: flex; align-items: center; justify-content: center; padding: 20px; color: #ffffff; text-decoration: none; border-radius: 12px; text-align: center; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: none; box-shadow: 0 3px 10px rgba(0,0,0,0.1); background: linear-gradient(135deg, #4ECDC4, #45B7AF);" href="
원하는 링크로 대체
"> <span style="margin-right: 8px;">💝</span> 카드사 15% 추가할인 </a> <a style="display: flex; align-items: center; justify-content: center; padding: 20px; color: #4a4a4a; text-decoration: none; border-radius: 12px; text-align: center; font-size: 16px; font-weight: bold; border: none; box-shadow: 0 3px 10px rgba(0,0,0,0.1); background: linear-gradient(135deg, #FFB72B, #FFD93D);" href="
원하는 링크로 대체
"> <span style="margin-right: 8px;">🎊</span> 사전예약 특별 혜택 </a> <a style="display: flex; align-items: center; justify-content: center; padding: 20px; color: #ffffff; text-decoration: none; border-radius: 12px; text-align: center; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: none; box-shadow: 0 3px 10px rgba(0,0,0,0.1); background: linear-gradient(135deg, #9775FA, #845EF7);" href="
원하는 링크로 대체
"> <span style="margin-right: 8px;">✨</span> 실시간 인기 선물세트 </a></div>
오늘도 즐거운 블로그 생활하세요!
2025.01.12 - [블로그 버튼 드려요] - 알람과 타이머 탑재한 2025 버킷타이머 Planner 무료 배포합니다
알람과 타이머 탑재한 2025 버킷타이머 Planner 무료 배포합니다
오늘은 꿈과 목표를 실현하기 위해 꼭 필요한 도구, 2025 CoffeeMania's Planner를 소개해드리겠습니다. 이 플래너는 단순히 일정을 기록하는 것을 넘어, 여러분의 목표를 시각화하고 체계적으로 관리
freebox.shop
2025.01.02 - [블로그 버튼 드려요] - 버튼 무료 다운로드 버킷리스트 플래너
버튼 무료 다운로드 버킷리스트 플래너
버튼 무료 다운로드 시르즈 1편, 이번에 만든 버킷리스트 플래너를 공유하면서 만든 버튼입니다. html 모두에서 a href=""을 찾아 따옴표에 안에 들어있는 링크를 원하는 링크로 교체하세요.현재 링
freebox.shop
'블로그 버튼 드려요' 카테고리의 다른 글
| 코딩초짜 웹사이트 루트 디렉토리 절대경로 상대경로 (0) | 2025.01.23 |
|---|---|
| 기본 긴 직사각형 스타일 버튼 (0) | 2025.01.17 |
| 알람과 타이머 탑재한 2025 버킷타이머 Planner 무료 배포합니다 (0) | 2025.01.12 |
| 2025 BucketTimer Turn Your Dreams Into Reality (0) | 2025.01.12 |
| 예약하기 버튼 템플릿 html 나눔 티스토리 블로그를 위한 (0) | 2025.01.04 |
댓글