쿠팡파트너스 화려한 버튼 무료 나눔합니다
🤝 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
쿠팡파트너스 하시는 분들을 위해 화려하고 예쁜 버튼을 만들어보았습니다. 예쁘게 사용하시고 건승하세요!
스타일1
글자와 링크 모두 3군데를 수정하시면 됩니다.
스타일2
아래 html코드를 복사해서 사용하세요.
html 코드 스타일1
<!DOCTYPE html>
<html>
<body>
<div style="width: 95%; margin: 0 auto; margin-bottom: 15px;">
<a href="https://link.coupang.com/a/cbqM3E" style="text-decoration: none; display: block;">
<div style="
background: linear-gradient(to right, #2563eb, #9333ea, #ec4899);
color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
transition: transform 0.2s;
" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1.0)'">
<div style="
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
">
<h3 style="
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
">Galaxy S25 Series 사전구매</h3>
<p style="
font-size: 18px;
opacity: 0.8;
margin-bottom: 15px;
">다시 없을 기회! 지금 바로 놓치지 마세요</p>
<span style="
background-color: white;
color: black;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
font-size: 16px;
transition: background-color 0.2s;
" onmouseover="this.style.backgroundColor='#f3f4f6'" onmouseout="this.style.backgroundColor='white'">
지금 구매하기
</span>
</div>
</div>
</a>
</div>
</body>
</html>
html 코드 스타일1
<div style="width: 95%; margin: 0 auto; margin-bottom: 15px;">
<a href="https://link.coupang.com/a/cbqM3E" style="text-decoration: none; display: block;">
<div style="
background: linear-gradient(to right, #FF6B6B, #4ECDC4);
color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
transition: transform 0.2s;
" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1.0)'">
<div style="
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
">
<h3 style="
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
">성시경 콘서트 재방송</h3>
<p style="
font-size: 18px;
opacity: 0.9;
margin-bottom: 15px;
">1월 30일 오후 10시 10분 SBS 온에어 바로가기</p>
<span style="
background-color: white;
color: black;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
font-size: 16px;
transition: background-color 0.2s;
" onmouseover="this.style.backgroundColor='#f3f4f6'" onmouseout="this.style.backgroundColor='white'">
지금 시청하기
</span>
</div>
</div>
</a>
</div>
'블로그 버튼 드려요' 카테고리의 다른 글
| 구글 SEO 관점에서 RSS 피드의 역할 및 활용법 (0) | 2025.01.24 |
|---|---|
| 코딩초짜 웹사이트 루트 디렉토리 절대경로 상대경로 (0) | 2025.01.23 |
| 기본 긴 직사각형 스타일 버튼 (0) | 2025.01.17 |
| 티스토리 블로그 버튼 4개 html 코드 (2) | 2025.01.15 |
| 알람과 타이머 탑재한 2025 버킷타이머 Planner 무료 배포합니다 (0) | 2025.01.12 |
댓글