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.
You Might Also Add These Widgets To Make Your Blogger Responsive.
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 »</button></div>
</form>
</body>
</html>
Sreenshoot User Registration Form
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
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.
ReplyDeletehello bro
Deletecan you tell me what type platform you are using
Registration form
DeleteIt 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
ReplyDeleteI donnot understand, but ok...i can modify more😂😂
ReplyDeleteThis comment has been removed by the author.
DeleteIt's very helpful thanks for sharing
ReplyDeleteDoes 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
ReplyDeleteI need to connect this registration and sign in page ,how can I do this for visitors
ReplyDeleteVery Good post.
ReplyDeleteNice
ReplyDeleteYou can download these premium templates free
Free Download seo mag blogger template
Download maxseo blogger template
schema blogger template free download
tube mag template Download
Hi,
ReplyDeleteI 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
This dummy form is waste of time not usefull for any website because action php is not implemented in this dummy form
ReplyDeleteAll your hard work is much appreciated. Nobody can stop to admire you. Lots of appreciation. dark0de market url
ReplyDeleteBRO IT DOESN'T WORKS
ReplyDelete