User Guide

 

Adding a Form to Blogger

Adding a Form to Blogger

What is Blogger?

Blogger is Google's free tool for creating blogs. Did you know that the word "Blog" is formed from web & log which is used for online journaling? 

You can add forms to a static Blogger page like contact me, or post a form as an event registration. There are lots of possibilities on using your forms since Blogger enables you to inject custom HTML codes on their platform.

 

 

 

 

Get Your Blogger Code from JotForm

1. In the Form Builder, click the "Publish" button.


2. Go to the "Platforms" section and search for the "Blogger" option.


3. Click the "Copy Code" button to copy the form embed codes.


Go To Blogger & Add Your Form

1. In the Blogger Dashboard, go to the "Pages" section and then click  the "Edit" link of the desired page. 

go to blogger

 

2. Switch to the "HTML" editor, paste your code and then click the "Update" button. 

adding form to blogger

 

3. View your form in your page just to make sure that it is working properly.

view form in blogger

You're done that easy. How'd you do? Was it easy for you to add your form to Blogger? Please share your thoughts in the comments section below.

Send Comment

27 Comments...

  • sujeesh Bhavani

    from seeing this post, I am enticed to write my own blog forum. Since already an old user of jotform, I can use jotform for my audience. Jotform is the most convenient online form available on the web. I recommend for everyone wishing to put their blogs on and wants surveys of their website to use this.

  • hnltravels

    from seeing this post, I am enticed to write my own blog forum. Since already an old user of jotform, I can use jotform for my audience. Jotform is the most convenient online form available on the web. I recommend for everyone wishing to put their blogs on and wants surveys of their website to use this.

  • jessica

    Here i had read the content you had posted. It is much interesting so please keep update like this.
    School website design uk

  • Arjun

    As i said above when i used to make a new page on blogger.com & writing a html code within a page then the html elements that i written will not be displayed. I'm fully sure that i write a correct code in a page of blogger and this code will work on notepad++ plz tell me

  • ravi

    Thankyou very much for this.

    Plz tell us that how we can publish it on our blog for permanent

  • Bintex Samson

    It is amazing, i have gotten answer to my proble. Thanks admin.

  • inggra

    Thank you great

  • Beth

    It was super easy to add a basic form to my blog. Thank you so much!

  • Godwayne

    make sense........but how do i make the register button to display on my blog so that user can register from they

  • ثبت شرکت

    You are the best, god bless you

  • maheshitonline

    Hi,

    thank you for post the video,
    it is done,
    But how the data was received from above form.

    pl help me

    thanks,
    mahesh

  • faizan

    very nice. but i want to add online booking form in my blog, kindly help me .
    my blog:
    www.onlinehakeemkarachi.blogspot.com

  • ashish

    very nice pls tell me how to ad this her e http://boostr.in

  • juelur rahman

    Actually great theory about create a blogger blog. Thanks for sharing.

  • jim yuet

    where will the form go if people click "submit"

  • NobleDeadOrg

    Does not work. The form shows but whatever javascript is injected is breaking other jquery and ajax functions on my site. In addition, there is no scriptable access (because of an iframe) to pass variables to the form I created so that certain fields (topic, product code, etc.) can be pre-filed. IFames and blogger are not a good mix in general.

  • Durianwriter

    When I add the iframe code to my blogger posts it shows up as a big block of white space. Has anyone found a solution to this?

  • ydkpr615

    I just checked the form in Chrome and Safari on my Windows 7 platform. The submit button is missing.

  • BloggersDog

    Good one. Very easy. I simply added one to my website.

    Here is the link you can check it out.

    http://www.bloggersdog.com/

    Thank you for this tutorial.

  • Eniola

    Thanks, it was really easy especially after watching the video.Thanks a bunch, you can visit my blog at www.scholarship4lasuites.blogspot.com, the form is in one of the pages.
    Thanks again

  • Aishwarya

    i didnt get how this may get applied to blogger .. where can i get as an initial link to get an easy access??

  • Jing Xiu

    Adding comment is quite tough

  • sbt03

    Hi! I have a problem with the forms. I followed the steps, added the code in the html page of the post, but the form didn't show at all. Only the title of the form is shown. Why is that? Where is the problem and how can I fix it? Thanks.

  • krishnareddy

    The code isn't working at all. Once i insert the form into HTML its not displaying any form in compose mode

    Any help ?

  • Lili

    Já fiz tudo, mais não chega a mensagem no meu email, o que devo fazer?

  • miflorecake

    nÃO CONSIGO APLICAR NO MEU BLOG SE NÃO CONSEGUI AJUDO QUERO CANCELAR MINHA ASSINATURA

  • Cornelia Neumayer

    Vielen dank!