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: [email protected] --- 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 ํ์ด์ง๋ก ์ด๋ํ๋ ๋ฒํผ - ์คํ ์ด ๋๋ ์ผํ๋ชฐ ๋งํฌ โ๏ธ ๊ถํ ์ค๋ช ์ด ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ต์ํ์ ๊ถํ๋ง ์์ฒญํฉ๋๋ค: - ์คํ ๋ฆฌ์ง ์ก์ธ์ค: ์ฌ์ฉ์ ์ค์ ์ ์ฅ์ ์ํด ํ์ ๐ ๊ฐ์ธ์ ๋ณด ๋ณดํธ - ๋ชจ๋ ๋ฐ์ดํฐ๋ ์ฌ์ฉ์์ ๋ธ๋ผ์ฐ์ ์๋ง ์ ์ฅ๋ฉ๋๋ค - ์ธ๋ถ ์๋ฒ๋ก ์ ๋ณด๋ฅผ ์ ์กํ์ง ์์ต๋๋ค - ์ฌ์ฉ์ ์ถ์ ๊ธฐ๋ฅ์ด ์์ต๋๋ค ๐ ์ง์ ๋ฐ ํผ๋๋ฐฑ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ฑฐ๋ ์ ์์ฌํญ์ด ์์ผ์๋ฉด ์ด๋ฉ์ผ๋ก ๋ฌธ์ํด์ฃผ์ธ์: [email protected] --- ๋ฒ์ ๊ธฐ๋ก 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ใใผใธใธใฎใใฟใณ - ในใใขใใทใงใใใณใฐใขใผใซใธใฎใชใณใฏ โ๏ธ ๆจฉ้่ชฌๆ ใใฎๆกๅผตๆฉ่ฝใฏๆๅฐ้ใฎๆจฉ้ใฎใฟใ่ฆๆฑใใพใ: - ในใใฌใผใธใขใฏใปใน: ใฆใผใถใผ่จญๅฎไฟๅญใฎใใใซๅฟ ่ฆ ๐ ใใฉใคใใทใผ - ใในใฆใฎใใผใฟใฏใฆใผใถใผใฎใใฉใฆใถใซใฎใฟไฟๅญใใใพใ - ๅค้จใตใผใใผใซๆ ๅ ฑใ้ไฟกใใพใใ - ใฆใผใถใผใใฉใใญใณใฐๆฉ่ฝใฏใใใพใใ ๐ ใตใใผใใจใใฃใผใใใใฏ ๅ้กใ็บ็ใใๅ ดๅใๆๆกใใใๅ ดๅใฏใใกใผใซใงใๅใๅใใใใ ใใ: [email protected] --- ใใผใธใงใณๅฑฅๆญด v1.0 - ๅๅใชใชใผใน - ๅบๆฌใใฟใณไฝๆๆฉ่ฝ - ใซใฉใผใใฌใใใตใใผใ - ใใใใขใใๅฝขๅผ v1.1 - ไฟฎๆญฃไบ้ - ๅค่จ่ชๅฏพๅฟ๏ผ้ๅฝ่ชใ่ฑ่ชใๆฅๆฌ่ช๏ผ - ใใฉใณใ่ฟฝๅ - ใตใคใใใใซใตใใผใ v1.2 - ๆฉ่ฝๆนๅ - ๆงใ ใชใฆใงใใใฉใณใ่ฟฝๅ ๏ผ่ฑ่ชใๆฅๆฌ่ชใใฉใณใๅฏพๅฟ๏ผ - ๅ่จ่ชๅฅใฎไฝฟ็จใฌใคใใใฟใณ่ฟฝๅ - ใฆใผใถใผใคใณใฟใผใใงใผในๆนๅ - ่จ่ชๅคๆดๆใฎใในใฆใฎUI่ฆ็ด ่ชๅๅคๆ v1.3 - PROๆฉ่ฝใฎ็กๆ้ๆพ - ใในใฆใฎPROใใผใธใงใณๆฉ่ฝใ็กๆใงๆไพ - ใใณใใฌใผใใใขใใกใผใทใงใณใใขใคใณใณใใฆใงใใใฉใณใใชใฉใในใฆใฎๆฉ่ฝใๅถ้ใชใไฝฟ็จๅฏ่ฝ - ใฆใผใถใผไฝ้จใฎๅไธ