📁 이 글은 알아두면 좋은 정보 카테고리에 저장되어 있어요 :)
안녕하세요 💛 티스토리 블로그 꾸미는 재미에 푹 빠진 찌니언니입니다 :)
지난번에 소개했던 티스토리 이모지 박스 만들기 1탄에 이어
오늘은 사이드바 구독 버튼 꾸미기 꿀팁 2탄을 준비했어요!
사이드바에 귀여운 구독 버튼 하나 추가하면 구독률이 2배로 오를 수도?! 🤭
💌 티스토리 블로그 구독바 이렇게 달아보세요!
찌니언니 블로그에는 이런 구독바가 달려 있어요! 진짜 막 보자마자 구독 누르고 싶죵? ❤️
그럼 바로! 여러분도 예쁘게 사용하실 수 있도록 색상별로 하나씩 소개해볼게요~
내 블로그에 찰떡인 색으로 골라보세요 ✨
지금 보여드린 색상은 제일 인기 있는 색상들이에요! 민트,블루,라벤더퍼플,오렌지~
아래 html 색상별로 코드 정리해둔 파일 다운받으셔서 원하는 색상으로 꾸며보세요! :)
💡 구독 버튼으로 블로그 활성화하기
각각의 색상별로 구독 버튼을 사용해서, 내 블로그의 디자인에 맞는 버튼을 추가해 보세요!
구독 버튼을 추가하면, 방문자들이 블로그 업데이트를 놓치지 않고 받아볼 수 있어서 아주 유용하답니다!💖
구독 버튼을 설정하는 방법은 정말 간단해요. HTML 코드만 삽입하면, 여러분의 블로그도 이렇게 예쁜 구독 버튼을 갖게 될 수 있어요! 이 외에도 다양한 색상의 구독 버튼을 블로그에 맞게 설정할 수 있어요! 디자인과 색상에 맞는 버튼을 선택해보세요! 💕
💻 구독 버튼 HTML 코드 예시
아래 코드를 복사해서 내 블로그에 붙여넣으면, 예쁜 구독 버튼을 만들 수 있어요!
<button style="background-color: #FF69B4; padding: 10px 20px; border: none; color: white; font-size: 16px; cursor: pointer;">
구독하기
</button>
위 코드에서 background-color 값만 변경하면 색상을 바꿀 수 있어요. 원하는 색상으로 바꿔보세요! 🖤
💻 찌니언니 블로그 구독하기 버튼
<div style="border: 2px solid #82cfff; background-color: #e6f4ff; padding: 15px; border-radius: 15px; font-family: 'Pretendard', sans-serif;">
<p style="font-size: 16px; font-weight: bold; color: #82cfff;">💌 찌니언니 블로그 구독하기</p>
<p style="font-size: 14px; color: #444; line-height: 1.6;">네이버 블로그에도 귀여운 꿀팁 글들이<br>하루하루 올라오고 있어요!<br>구독해두면 편하게 받아볼 수 있어요💕</p>
<div style="text-align:center; margin-top: 10px;">
<a href="https://blog.naver.com/heewoo-" target="_blank">
✨ 네이버 블로그 구독하기 ✨
</a>
</div>
</div>
💌 함께보면 좋은 글
오늘도 소소하지만 귀여운 꿀팁이었죠?
💬 궁금한 점은 댓글로,
💌 구독은 꾹~ 눌러주고 가기!
그럼 우린 다음 꿀팁 글에서 또 만나요앙 (❁´◡❁)
'🎈 블로그 꾸미기 팁' 카테고리의 다른 글
| 티스토리 감성 스킨 배포✨ 직접 만든 스킨 나눠드려요 (설치법 포함 수정) (132) | 2025.04.16 |
|---|---|
| 감성 스킨 망해서....결국 초기화했어요ㅠㅠ (69) | 2025.04.15 |
| 티스토리 사이드바에 귀여운 이모지 박스 넣는 법｜HTML 코드도 함께! (111) | 2025.04.12 |