Home
Blogging

How to Add a File Upload Form in Blogger

Learn how to enhance your Blogger website with a file upload form. Follow our easy guide to set up and customize a file upload form for your visitors.

If you want to boost user engagement on your Blogger website, a great approach is to enable your visitors to upload files. In this guide, we will provide you with a detailed tutorial on how to add a file upload form in Blogger. This will allow you to conveniently collect vital information and connect with your audience.

How to Add a File Upload Form in Blogger

What is a File Upload Form?

A form for uploading files is a safe and practical way for your audience to send you various types of files, like guest posts, photos, or documents, to be included on your blog.

How to Add File Upload Form In Blogger?

To achieve this, you will need to utilize a free third-party email service known as "Form submit."

HTML 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<div class="container">
  <form target="_blank" action="https://formsubmit.co/example@gmail.com" method="POST" enctype="multipart/form-data">
    <div class="form-group">
      <div class="form-row">
        <div class="col">
          <input type="text" name="First-Name" class="form-control" placeholder="First Name" required>
        </div>
        <div class="col">
          <input type="Name" name="Last-Name" class="form-control" placeholder="Last Name" required>
        </div>
      </div>
    </div>


<div class="form-row"> 
      <div class="col">
          <input type="email" name="email" class="form-control" placeholder="Email Address" required>
    </div></div><br>  
      
    <div class="form-group">
      <div class="form-row">
    
        <div class="col">
        <input type="file" name="attachment">
        </div>
      </div>
    </div>
    
<label for="Message" ><b>Message *</b></label>
    <div class="form-group">
      <textarea placeholder="Message" class="form-control" name="message" rows="5" required></textarea>
    </div>
    <button type="submit" class="btn btn-lg btn-dark btn-block">Submit Form</button>
  </form>
</div>

To add a form, either create a new page or open an existing one in HTML View. Copy and paste the provided code, but remember to replace [Your Email] with your desired email address for receiving the filled-out forms.

To activate the form, simply click on this link: [https://formsubmit.co/youremail] after adding it.

You will receive an email from Formsubmit to verify or activate your form.

Click On Activate Link

Congratulations! You have added a file upload form to your Blogger website. If you have any questions or concerns, feel free to ask them in the comment section.

Frequently Asked Questions

Is the Blogger File Upload Forms responsive?

Certainly, the file upload form above is entirely responsive and easily usable on the Blogger website.

Can I modify this Style of the form like Color, Width?

You can adjust the form's style by employing CSS code.

Where can I get the uploaded file?

All files uploaded via this form will be sent to your Email Inbox, which is appended to the form code. Kindly change the email address before deploying it on your website.

Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken.© Tech4era | All Rights Reserved

1 comment

  1. ok