Subdomain Workflow Tool

A complete guide and code generator for setting up new subdomains on Hostinger.

Step 1: Create Your Favicon Set

Before you start, generate your favicon files. A consistent icon is key to your brand.

  1. Create a simple, square source image (at least 512x512 pixels is best).
  2. Go to RealFaviconGenerator.net to process your image.
  3. Download the generated `favicon_package.zip`. Keep this file handy.

Step 2: Generate Your Code Snippets

Enter the name of your new subdomain below (e.g., "blog", "shop", "portfolio"). The necessary code for your `.htaccess` and HTML files will be created instantly.

A. Code for your main `public_html/.htaccess` file:

B. Code for your subdomain's `index.html` file (`` section):

Step 3: Setup on Hostinger & Upload Files

With your code generated, follow these infrastructure steps in order.

  1. Create Subdomain in Hostinger: Log in to your hPanel. Go to Domains → Subdomains. Enter the name (e.g., "portfolio") and click "Create". You do not need to set a custom folder path.
  2. Create Folders: In the Hostinger File Manager, go to `public_html/`. Create a new folder with the exact same name as your subdomain (e.g., `public_html/portfolio/`).
  3. Create the 'icon' Folder: Go inside your new subdomain folder (e.g., `portfolio/`) and create another new folder named `icon`.
  4. Upload & Extract Icons: Upload the `favicon_package.zip` you downloaded into the `public_html/your-subdomain/icon/` folder and extract its contents there.

Step 4: Update Your Website Files

Finally, paste the code you generated in Step 2 into the correct files.

  1. Update `.htaccess`: Open the `.htaccess` file located in `public_html/`. Copy the code from snippet **A** above and paste it at the end of the file.
  2. Update HTML File: Create or open the `index.html` file inside your new subdomain's folder (e.g., `public_html/portfolio/index.html`). Copy the code from snippet **B** and paste it inside the `` section of the HTML.