HTML 버튼 생성기

HTML 버튼을 쉽게 생성하고 복사하세요.

HTML Button Generator - Create Buttons Without Coding Easily create HTML buttons and insert them into your blog or website! --- 🌟 Features HTML Button Generator is a tool that allows you to create professional buttons without any coding knowledge. Set colors, text, links, and more to automatically generate HTML and CSS code that you can copy and use right away. Main Features: - 📱 User-friendly interface - 🎨 Various color palettes - 💻 Automatic HTML and CSS code generation - 👁️ Real-time preview - 🌐 Support for Korean, English, and Japanese - 🔤 Various web fonts (Korean, English, Japanese) - 🔄 Compatible with Tistory, Naver Blog, WordPress, and more - 📚 User guides in each language 📝 How to Use 1. Select Background Color: Choose from color picker or recommended color palette 2. Enter Button Text: Set your desired button text 3. Set Link URL: Configure the link destination when the button is clicked 4. Choose Style Preset: Select basic or rounded style 5. Copy Code: Copy the generated HTML and CSS code 6. Paste into Blog/Website: Paste the code in HTML edit mode ✨ PRO Version Features - Templates: Various button design templates - Animations: Scale-up, fade-in effects on mouse hover - Icons: Material Icons support - Web Fonts: Support for various web fonts - Korean: Gmarket Sans, Pretendard, SB Aggro, YES Myongjo, Cookie Run, Paperlogy - English: Open Sans, Roboto, Merriweather - Japanese: Noto Sans JP, Noto Serif JP, Yu Gothic - Ad-Free: Clean user experience 🎉 All PRO Features Now Free: All users can now enjoy all PRO version features at no additional cost! 💡 Use Cases - Link buttons to other posts in your blog - Recommended links to external sites - Download buttons - Buttons to SNS pages - Store or shopping mall links ⚙️ Permissions This extension requests minimal permissions: - Storage access: Required to save user settings 🔒 Privacy - All data is stored only in your browser - No information is sent to external servers - No user tracking features 🆘 Support and Feedback If you encounter any issues or have suggestions, please contact us by email: thspade@gmail.com --- Version History v1.0 - Initial Release - Basic button creation functionality - Color palette support - Popup format v1.1 - Updates - Multilingual support (Korean, English, Japanese) - Font additions - Side panel support v1.2 - Feature Improvements - Added various web fonts (English and Japanese font support) - Added user guide buttons for each language - Improved user interface - Automatic UI element conversion when changing language v1.3 - PRO Features Free for All - All PRO version features now available for free - Unrestricted access to templates, animations, icons, web fonts, and more - Enhanced user experience HTML 버튼 생성기 - 코드 없이 버튼 만들기 손쉽게 HTML 버튼을 만들고 블로그나 웹사이트에 삽입하세요! --- 🌟 기능 소개 HTML 버튼 생성기는 코딩 지식 없이도 전문적인 버튼을 손쉽게 만들 수 있는 도구입니다. 색상, 텍스트, 링크 등을 설정하면 자동으로 HTML과 CSS 코드를 생성해주어 복사 후 바로 사용할 수 있습니다. 주요 기능: - 📱 간편한 사용자 인터페이스 - 🎨 다양한 색상 팔레트 제공 - 💻 자동 HTML 및 CSS 코드 생성 - 👁️ 실시간 미리보기 - 🌐 한국어, 영어, 일본어 지원 - 🔤 다양한 웹폰트 지원 (한국어, 영어, 일본어) - 🔄 티스토리, 네이버 블로그, WordPress 등에 사용 가능 - 📚 각 언어별 사용 가이드 제공 📝 사용 방법 1. 배경색 선택: 컬러 피커 또는 추천 색상 팔레트에서 선택 2. 버튼 텍스트 입력: 원하는 버튼 텍스트 설정 3. 링크 URL 설정: 버튼 클릭 시 이동할 링크 설정 4. 스타일 프리셋 선택: 기본 또는 둥근 스타일 선택 5. 코드 복사: 생성된 HTML 및 CSS 코드 복사 6. 블로그/웹사이트에 붙여넣기: HTML 편집 모드에서 코드 붙여넣기 ✨ PRO 버전 기능 - 템플릿: 다양한 버튼 디자인 템플릿 - 애니메이션: 마우스 호버 시 확대, 페이드 인 효과 - 아이콘: Material Icons 제공 - 웹폰트: 다양한 웹폰트 지원 - 한국어: 지마켓산스, 프리텐다드, 어그로체, 예스명조, 쿠키런, 페이퍼로지 - 영어: Open Sans, Roboto, Merriweather - 일본어: Noto Sans JP, Noto Serif JP, Yu Gothic - 광고 제거: 깨끗한 사용자 경험 🎉 모든 PRO 기능 무료 제공: 이제 모든 사용자가 별도의 비용 없이 PRO 버전의 모든 기능을 이용할 수 있습니다! 💡 활용 예시 - 블로그 포스트 내 다른 글로 이동하는 링크 버튼 - 외부 사이트로 연결되는 추천 링크 - 다운로드 버튼 - SNS 페이지로 이동하는 버튼 - 스토어 또는 쇼핑몰 링크 ⚙️ 권한 설명 이 확장 프로그램은 최소한의 권한만 요청합니다: - 스토리지 액세스: 사용자 설정 저장을 위해 필요 🔒 개인정보 보호 - 모든 데이터는 사용자의 브라우저에만 저장됩니다 - 외부 서버로 정보를 전송하지 않습니다 - 사용자 추적 기능이 없습니다 🆘 지원 및 피드백 문제가 발생하거나 제안사항이 있으시면 이메일로 문의해주세요: thspade@gmail.com --- 버전 기록 v1.0 - 최초 출시 - 기본 버튼 생성 기능 - 색상 팔레트 지원 - popup 형태 v1.1 - 수정 사항 - 다국어 지원 (한국어, 영어, 일본어) - 폰트 추가 - 사이드패널 지원 v1.2 - 기능 개선 - 다양한 웹폰트 추가 (영어, 일본어 폰트 지원) - 각 언어별 사용 가이드 버튼 추가 - 사용자 인터페이스 개선 - 언어 변경 시 모든 UI 요소 자동 변환 v1.3 - 프로 기능 무료 오픈 - 모든 PRO 버전 기능 무료 제공 - 템플릿, 애니메이션, 아이콘, 웹폰트 등 모든 기능 제한 없이 사용 가능 - 사용자 경험 개선 --- 日本語版 HTMLボタンジェネレーター - コードなしでボタンを作成 簡単にHTMLボタンを作成し、ブログやウェブサイトに挿入しましょう！ --- 🌟 機能紹介 HTMLボタンジェネレーターは、コーディング知識がなくてもプロフェッショナルなボタンを簡単に作成できるツールです。色、テキスト、リンクなどを設定すると、自動的にHTMLとCSSコードが生成され、コピーしてすぐに使用できます。 主な機能: - 📱 使いやすいインターフェース - 🎨 様々なカラーパレット提供 - 💻 自動HTML・CSSコード生成 - 👁️ リアルタイムプレビュー - 🌐 韓国語、英語、日本語対応 - 🔤 様々なウェブフォント対応（韓国語、英語、日本語） - 🔄 Tistory、Naver Blog、WordPressなどで使用可能 - 📚 各言語別の使用ガイド提供 📝 使用方法 1. 背景色の選択: カラーピッカーまたは推奨カラーパレットから選択 2. ボタンテキスト入力: 希望するボタンテキストを設定 3. リンクURL設定: ボタンクリック時に移動するリンクを設定 4. スタイルプリセット選択: 基本または丸みスタイルを選択 5. コードコピー: 生成されたHTMLとCSSコードをコピー 6. ブログ/ウェブサイトに貼り付け: HTML編集モードでコードを貼り付け ✨ PROバージョン機能 - テンプレート: 様々なボタンデザインテンプレート - アニメーション: マウスホバー時の拡大、フェードイン効果 - アイコン: Material Icons提供 - ウェブフォント: 様々なウェブフォント対応 - 韓国語: Gマーケットサンス、プリテンダード、SBアグロ、YES明朝、クッキーラン、ペーパーロジー - 英語: Open Sans, Roboto, Merriweather - 日本語: Noto Sans JP, Noto Serif JP, 游ゴシック - 広告削除: クリーンなユーザー体験 🎉 すべてのPRO機能が無料に: 今すべてのユーザーが追加費用なしですべてのPROバージョン機能をご利用いただけます！ 💡 活用例 - ブログ投稿内の他の記事へのリンクボタン - 外部サイトへの推奨リンク - ダウンロードボタン - SNSページへのボタン - ストアやショッピングモールへのリンク ⚙️ 権限説明 この拡張機能は最小限の権限のみを要求します: - ストレージアクセス: ユーザー設定保存のために必要 🔒 プライバシー - すべてのデータはユーザーのブラウザにのみ保存されます - 外部サーバーに情報を送信しません - ユーザートラッキング機能はありません 🆘 サポートとフィードバック 問題が発生した場合や提案がある場合は、メールでお問い合わせください: thspade@gmail.com --- バージョン履歴 v1.0 - 初回リリース - 基本ボタン作成機能 - カラーパレットサポート - ポップアップ形式 v1.1 - 修正事項 - 多言語対応（韓国語、英語、日本語） - フォント追加 - サイドパネルサポート v1.2 - 機能改善 - 様々なウェブフォント追加（英語、日本語フォント対応） - 各言語別の使用ガイドボタン追加 - ユーザーインターフェース改善 - 言語変更時のすべてのUI要素自動変換 v1.3 - PRO機能の無料開放 - すべてのPROバージョン機能を無料で提供 - テンプレート、アニメーション、アイコン、ウェブフォントなどすべての機能を制限なく使用可能 - ユーザー体験の向上