Blogging, SEO, Make Money Online

How To Add a Contact Form and Create a Contact Us Page in blogger

Add a Contact Form and Create a Contact Us Page in blogger


How To Add a Contact Form and Create a Contact Us Page html in blogger

Hii friends.
To kaise hai aap log ham ummed karte hai ki acche hi hoge to aaj ham aap logo ke lie lae Contact us page html code jise us kar ke aap log bhi hamare jaisa contact us ka form laga sakte hai jisse ki aap ki website bhi ek professional website ki tarah dikhe.

Friends aaj ham aap logo ko ek html code dege jise aapko copy karna hai aur apni website par jake past kar dena hai.

Friends agar aap logo ko nahi pata ki contact us page kaise banate hai, es code ko kaha aur kaise Past kiya jata hai ham aapko sabkuchh bataege wo bhi saral bhasa me to es article ko pura aur dhyan se padhe.

Contact us form
To friends aap log jante hi hoge form kya hota hai, par agar aap blogging me nae hai to aap logo ko ham bata dete hai ki contact us form kya hota hai. Friends aap logo ne bahot sari websites ya kahe to har website me ye page hota hai. Ye es lie hota hai ki jaise man lijie aap logo ko mere article pasand aate hai, ya koi jankari lena chahte hai, ya fir aap hame ko salah (advice) dena chahte hai to eske lie aap logo ko hamse bat karni hogi to aap log kaise karege? To aap log hamse ya kisi dusri website ke malik se bat karna chahte hai to sabhi website par contact us ka form mil jaega aap logo ko us page par jana hota hai aur us form ko bharna padta hai. Form bharne ke lie usme aapko apna name dena padta hai aur email address aur last me aap kya jan na chahte hai, ya kis bare me us website ke malik se bat karna chahte hai wo batana hota hai. To friends aap log ye to jan gae hoge contact us form hota kya hai. Aap log chahe to contact us me kisi form ki jagah apna E-mail address, facebook page, instagram, mobile number kuchh bhi de sakte hai wo aap ki marji hai. Par aap agar ek professional website banana chahte hai to contact us form lagana jyada accha rahega. Agar aap contract us form lagana chahte hai to ham aap logo ke lie lae hai html code jo aap logo es article ke last me mil jaega use copy kar lena hai.

Contact us page is very important

Friends contact us page bahot jaruri hai agar aap log google adsense ka approval lena chahte hai to 4 page hona bahot jaruri-
1- About us
2- Contact us
3- Disclaimer
4- Privacy policy

To friends aap logo ko ye sabhi page apni website par jarur create kar lena hai. Nahi to ho sakta hai aap logo ko google adsense ka approval milne me muskilo ka samna karna pade. Chalie ab ham aap logo ko batate hai ki aap log apni website par contact us page kaise lagaege.

Creat Contact us page guide

How To Add a Contact Form and Create a Contact Us Page html in blogger

Friends aap logo ko apni website ke page icon par click karna hai aap niche dikh rahi image par dekh sakte hai.
How To Add a Contact Form and Create a Contact Us Page html in blogger

Ab aap logo ko new page karna hai aur fir jo aapko ye html ka icon dikh raha hai es par click karna hai. Jab aap html par click karege to ho sakta hai kuchh code dekhe aap logo ko wo sabhi code delete kar dena hai. Ab aap logo ko jo hamne code diya hai article ke last me use aap log copy kar le aur yaha par past kar de.
How To Add a Contact Form and Create a Contact Us Page html in blogger


Ab aap logo ko compose kar dena hai aur publich kar dena hai aapka contact us page ready ho jaega. Code thoda bada h to aaram se copy kar le.


Copy this code

<div dir="ltr" style="text-align: left;" trbidi="on">
<form name="contact-form">
<i class="fa fa-pencil-square-o"></i> Name <br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br />
<br />
<i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br />
<br />
<i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<br />
<style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style></div>



To friends ye jankari kaisi lagi comment kar ke jarur batae. Aur es post ko share karna na bhule.

Post a Comment

0 Comments