Sunday, 29 January 2017

How to Create a User Registration Form for Blogger

How to Create a User Registration Form for Blogger

How to Create a User Registration Form for Blogger
Yes you can create a user registration form for blogger by adding the below code .Friends I have make a simple registration form for php hosting/Blogger .this form will help you to keep your visitor touch with you. This is very simple form .I have made by wasting a lot time .But I lunch it free for everyone. Everyone can add this form without any paying.
Please respect our hard word and keep visit us for more amazing Widget and seo hints and tips.

Now Follow these steps to add user registration from to blogger.

  • First of all login to your blogger dashboard
  • click on pages 
  • Create a new Page 
  • Now copy the code from here and past it in Html Section,
  • And Publish you Page.
  • And open your blog .
CSS code User Registration Form 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>CSS Registration Form</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="css/default.css"/>
    </head>
    <body>    
        <form action="" class="register">
            <h1>Registration</h1>
            <fieldset class="row1">
                <legend>Account Details
                </legend>
                <p>
                    <label>Email *
                    </label>
                    <input type="text"/>
                    <label>Repeat email *
                    </label>
                    <input type="text"/>
                </p>
                <p>
                    <label>Password*
                    </label>
                    <input type="text"/>
                    <label>Repeat Password*
                    </label>
                    <input type="text"/>
                    <label class="obinfo">* obligatory fields
                    </label>
                </p>
            </fieldset>
            <fieldset class="row2">
                <legend>Personal Details
                </legend>
                <p>
                    <label>Name *
                    </label>
                    <input type="text" class="long"/>
                </p>
                <p>
                    <label>Phone *
                    </label>
                    <input type="text" maxlength="10"/>
                </p>
                <p>
                    <label class="optional">Street
                    </label>
                    <input type="text" class="long"/>
                </p>
                <p>
                    <label>City *
                    </label>
                    <input type="text" class="long"/>
                </p>
                <p>
                    <label>Country *
                    </label>
                    <select>
                        <option>
                        </option>
                        <option value="1">United States
                                               <option value="1">United States
                        <option value="1">Pakistan
                        <option value="1">India
                        <option value="1">UAE
                        <option value="1">Saudia Aribia
                        <option value="1">England
                        <option value="1">Turki
                        <option value="1">Sayria
 </option>
                    </select>
                </p>
                <p>
                    <label class="optional">Website
                    </label>
                    <input class="long" type="text" value="http://"/>

                </p>
            </fieldset>
            <fieldset class="row3">
                <legend>Further Information
                </legend>
                <p>
                    <label>Gender *</label>
                    <input type="radio" value="radio"/>
                    <label class="gender">Male</label>
                    <input type="radio" value="radio"/>
                    <label class="gender">Female</label>
                </p>
                <p>
                    <label>Birthdate *
                    </label>
                    <select class="date">
                        <option value="1">01
                        </option>
                        <option value="2">02
                        </option>
                        <option value="3">03
                        </option>
                        <option value="4">04
                        </option>
                        <option value="5">05
                        </option>
                        <option value="6">06
                        </option>
                        <option value="7">07
                        </option>
                        <option value="8">08
                        </option>
                        <option value="9">09
                        </option>
                        <option value="10">10
                        </option>
                        <option value="11">11
                        </option>
                        <option value="12">12
                        </option>
                        <option value="13">13
                        </option>
                        <option value="14">14
                        </option>
                        <option value="15">15
                        </option>
                        <option value="16">16
                        </option>
                        <option value="17">17
                        </option>
                        <option value="18">18
                        </option>
                        <option value="19">19
                        </option>
                        <option value="20">20
                        </option>
                        <option value="21">21
                        </option>
                        <option value="22">22
                        </option>
                        <option value="23">23
                        </option>
                        <option value="24">24
                        </option>
                        <option value="25">25
                        </option>
                        <option value="26">26
                        </option>
                        <option value="27">27
                        </option>
                        <option value="28">28
                        </option>
                        <option value="29">29
                        </option>
                        <option value="30">30
                        </option>
                        <option value="31">31
                        </option>
                    </select>
                    <select>
                        <option value="1">January
                        </option>
                        <option value="2">February
                        </option>
                        <option value="3">March
                        </option>
                        <option value="4">April
                        </option>
                        <option value="5">May
                        </option>
                        <option value="6">June
                        </option>
                        <option value="7">July
                        </option>
                        <option value="8">August
                        </option>
                        <option value="9">September
                        </option>
                        <option value="10">October
                        </option>
                        <option value="11">November
                        </option>
                        <option value="12">December
                        </option>
                    </select>
                    <input class="year" type="text" size="4" maxlength="4"/>e.g 1976
                </p>
                <p>
                    <label>Nationality *
                    </label>
                    <select>
                        <option value="0">
                        </option>
                        <option value="1">United States
                        </option>
                    </select>
                </p>
                <p>
                    <label>Children *
                    </label>
                    <input type="checkbox" value="" />
                </p>
                <div class="infobox"><h4>Helpful Information</h4>
                    <p>Here comes some explaining text, sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </fieldset>
            <fieldset class="row4">
                <legend>Terms and Mailing
                </legend>
                <p class="agreement">
                    <input type="checkbox" value=""/>
                    <label>*  I accept the <a href="#">Terms and Conditions</a></label>
                </p>
                <p class="agreement">
                    <input type="checkbox" value=""/>
                    <label>I want to receive personalized offers by your site</label>
                </p>
                <p class="agreement">
                    <input type="checkbox" value=""/>
                    <label>Allow partners to send me personalized offers and related services</label>
                </p>
            </fieldset>
            <div><button class="button">Register &raquo;</button></div>
        </form>
    </body>
</html>

Sreenshoot  User Registration Form
How to Create a User Registration Form for Blogger

Final Words !

Thank you for following us if you face any problem in this post How to Create a User Registration Form for Blogger or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. This is satisfied Website .From here you can get all hints tips and tricks for your blogger.
  • Is this is tutorial is helpful?
  • Need to know your opinion
  • For Advertising Contact Us 

Previous Post
Next Post

13 comments:

  1. sir agar uss form ko koi fill kr raha h to woh data fir kaha store horaha hai. or confirmation message bhi nai mil raha hai.

    ReplyDelete
  2. It worked but where will all the information entered go to and how do i make my user go to another page after clicking the register button

    ReplyDelete
  3. I donnot understand, but ok...i can modify more๐Ÿ˜‚๐Ÿ˜‚

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  4. It's very helpful thanks for sharing

    ReplyDelete
  5. Does this really works? Or is it a dummy sign up/register form? where will the data go whosoever register on my site...? You didn't mention these things. By the way thanks for all the hard work. I want one sign up and login page which does this job in my blogger site. It should work and not a dummy one. How to remain healthy, disease free safe during Corona Pandemic

    ReplyDelete
  6. I need to connect this registration and sign in page ,how can I do this for visitors

    ReplyDelete
  7. Hi,
    I am DIWAKAR from "NOAXO technologies".
    I just started my website noaxo.ml and i want a partner for my website development if anyone want to become my website partner please contact me with.
    E-mail:- info.diwakar.co@gmail.com
    Website:- noaxo.ml

    ReplyDelete
  8. Thank you, Sir. For this helpful post. Really this post helps me to understand the topic properly.
    Very Nice Post

    ReplyDelete