popup-html-page-generator-blogger

<img src="

" alt="Firebase Front-End Components Preview" width="600"/>

💡 Pop-up Modal HTML Page Generator for Blogger

This is a lightweight, user-friendly HTML web page generator for Blogger users. It features a floating button that opens a modal form where users can input:

• ✅ Page Title
• ✅ Description
• ✅ Thumbnail Image URL
• ✅ Page Content
• ✅ Contact Info (Phone, Address)
• ✅ Custom Contact Form HTML
• ✅ Website URL (with “Visit Website” button)

🔧 Features

• Minimalistic and clean modal UI
• Download or copy generated HTML
• Requires at least 4 inputs to proceed
• Fully embeddable in Blogger as a widget
• No external dependencies
• Responsive and mobile-friendly

---

🚀 How to Use on Blogger

1. Go to Blogger Dashboard → Layout.
2. Click “Add a Gadget” in the desired section.
3. Choose HTML/JavaScript.
4. Paste the full index.html script into the content box.
5. Save and view your blog — a floating button will appear!

---

🧩 Live Preview

You can see it in action here:
🔗 https://beatzde4.blogspot.com/p/order-products-and-services.html

---

DebeatzGH Digital Store

Your hub for AI insights, tech tutorials, side-hustle playbooks, and productivity tools. Learn, build, and launch digital projects faster.

🚀 View Live App ⭐ Star this Repo

---

Overview

DebeatzGH helps beginners and creators build profitable digital assets: blogs, affiliate funnels, AI-assisted content, and more. Explore tutorials, tools, and ready-to-use components to speed up your workflow.

Features

• AI & Tech Learning: Bite-sized guides for modern tools and workflows.
• Side-Hustle Playbooks: Practical steps to validate and launch ideas.
• Productivity Toolkit: Reusable widgets, templates, and scripts.
• Beginner-Friendly: Clear explanations, curated resources, and examples.

Quick Start

1. Clone:

   git clone https://github.com/debeatzgh1/Personal-Portfolio-site-

2. Enter folder:

   cd debeatzgh

3. Install deps (adjust to your stack):

   # Node
   npm install
   npm run dev
   
   # or Python
   pip install -r requirements.txt
   python app.py

4. Open in browser:

   http://localhost:3000

Project Links

• 🌐 Live App: socialcreator.com/debeatzgh
• 🖼️ Thumbnail: View image

Contributing

Contributions are welcome! Open an issue for bugs or ideas. For changes, fork the repo, create a feature branch, and submit a pull request.

License

Released under the MIT License.

---

If this project helps you, consider giving it a star. It really helps! ⭐

Open DebeatzGH Now →

This site is open source. Improve this page.