About me
hi all guest's, I am only a ordinary people, who want a better life then yasterday, fell free to ask about me and follow my another social media. thank's for visiting my blog.

Create Contact Page Blogger on AMP

how to create contact us form in Blogger is a tedious task as it does not support plugins like WordPress. What most of the Blogspot bloggers does is to seek the help of third-party sites (foxyform, jotform, 123contactform, etc.) But today, you are going to learn how to add official contact us page in AMP Project theme.

Create a data store we use google spreadsheet as data store.

  1. First create a spreadsheet on google spreadsheet for the store data.
  2. Then select the Script Editor and copy google_script to script editor.
  3. after copying a file into script editor then select File > Manage versions.
  4. you need the authentication scope changes and approved additional services. The easiest way to trigger this in this example is in the Script Editor Run > setup.
  5. then going into Publish > Deploy as web app and updating Project Version

Create a contact page in blogger.

  1. create a html form file for insert data to google spreadsheet.
  2. Then upload to your github repository
  3. after uploaded your file then create it as static file in rawgit, just copy your html file permalink on github to rawgit
  4. and the last, create a new page then add contact us as the title and embedded your file with amp-iframe. example code : :
    <amp-iframe frameborder='0' height='550' layout='responsive' sandbox='allow-scripts allow-same-origin allow-popups allow-forms' src='https://rawgit.com/rachmatyanuarsyah/disqus-html/master/contact.html' width='700'/>
that's all we have created contact us page in blogger for full code download
Sumber artikel : Jasa Seo Murah dan Berkualitas