Blog bloggers who use the Blogger blogspot platform may have an experience cannot upload files such as .php files, have no facilities to do that, only using cms templates but not allowed to uploading such files.
This might be a problem for some blogspot bloggers who want to upload files for specific purposes such as to creating a static Contact Us page. Blogspot Blogger platform offers a contact us form widget in the side bar but cannot be exported to a static Contact Us page.
Although there is a lot of information and guidance to overcome this problem on the internet about how to create a static Contact Us page on a blogger blog but a problem arises, the recommended method is not suitable for all devices especially it does not work on mobile devices.
Here is a suggested way to overcome the problem that the Contact Us page does not work with mobile devices. The method used is to use external webhosting to upload all the files regarding the Contact Us page and export it to the Contact Us page on Blogspot Blogger blog.
The first step, must be already have a contact us form template, or can download it for free without having to register or sign up. Available with a variety of contact us form template options.
Second step, choose webhost that offers free web hosting and has database facilities to upload .php files to create a static Contact Us page.
Sign up and create an account with 000webhost, just accept the subdomain offered and can start uploading all files related to Contact Us form, if need to create a database, do it first before uploading files.
The recommended tool for uploading web files to web server is Filezilla FTP Client. Using Filezilla FTP Client for beginners here
After all the processes in the first step and the second step above are completed, leave the result as in the picture. May be different with your template. A plain background and let it sit in the upper left corner. Run a test to make sure that contact us form is working properly.
Last step, log in to the Blogger dashboard, select 'Pages' then select 'New Page', create a Contact Us page, then copy and paste the code below into the Contact Us page and click 'Update'.
Copy and paste this code:
<object width="400" height="300" type="text/html" data=" your-file.php"></object>
Replace "your-file.php" with the URL of contact us page created before.
Successfully added Contact Us page codes to Blogger blogspot, now the static Contact Us page is up and running, responsive and mobile device friendly.
How To: Use FileZilla Use IrfanView Use Canva
