Blog Ya Website me Contact us Page kaise banaye? (How to make a Contact us page/form in Blog or Website?)


Hello dosto kisi kaaran se mai bahut hi jyada busy tha isliye koi post nahi daal saka but ab mai bapas apne Blog par aa gaya hu. To friend's aaj mai aapko batane ja raha hu ki 'Blog Ya Website me Contact us Page kaise banaye?' 
Friend's Jaisa ko aap sabhi jaante hi honge ki Contact Form Blog me ek Important page hota hai jiske jariye visitors koi bhi sawal ya Problem ko direct aapse poochh sakte hai. Contact Form par se contact karne par aapko Google ki taraf se ek mail aata hai jisme 'visitors jo sawal poochhte hai' wo us mail me aata hai. jise ham pad kar direct reply kar sakte hai.



Contact us kya hai aur Blog me kyu lagana chahiye

Contact us ek page hota hai jo ki har Websites ya Blogs me hona chahiye. Contact us page se koi bhi aapse direct aapke mail address par contact kar sakta hai. Aur aap kisi ke bhi sawal ka jawab aur problem ka solution direct hi reply karke de sakte hai. 
Contact us page me Google aapki mails ko free me delivered kar deta hai. aur is tarah aap kisi ki bhi help kar sakte hai. 
Agar aap apne Blog, Site par achha traffic pana chahte hai to aapko apne blog or site me Contact us page lagana chahiye. Humse Contact karne ke liye aap Hamare Contact us ko use me le.


Contact us page/form ko blog me kaise lagaye

Contact us page ya Form ko apne blog me lagane ke liye aapko html coding ke baare me jaankari hona jaroori hai. Hamare blog ke pages Contact us  Privacy and Policy  Sitemap  About us hai.
Apne blog ya site me Contact Form lagane se pahle aap apne blog ka Backup bana le kisse agar aapse koi gadbad ho jaati hai to aap apne blog ke backup se blog ko recover kar sake aur aapko koi bhi problem na aaye.

Sabse pahle aap apne Blogger.com account par login kare aur fir Layout par click kar aur fir Add a Gadget par click karne par ek popup window open hogi jisme aapko Contact Form ke + icon par click karna hai.
Like that Dashboard>>Layout>>Add a Gadget>>Contact Form + icon
ab aapke Blog ki body me contact form add ho gaya hai. But hume apne blog ke page me contact form ko add karna hai. Iske liye niche diye gaye steps ko follow kare:-

Read- Blog ko chori hone se kaise bachaye?
Read- Blog ya Website me Breaking news ticker kaise lagate hai?

Step-1

Sabse pahle Blogger ke dashboard me jaaye aur fir Pages par click kare aur fir baad me New Page par click kare. Ab iske baad me aapke samne ek new page open hoga jisme aapke title me Contact us likh se aur Content me niche diya Code copy karke paste kar de. Aur fir baad me Publish kar de.

<pre class="lang:php decode:1 " form="" gt="" name="contact-form" style="background-color: white; border-color: rgb(0, 102, 0); border-width: 1px 1px 1px 5px; box-sizing: border-box; color: #006600; font-size: smaller; overflow: auto; padding: 1em; white-space: pre-wrap; word-wrap: break-word;"><div>
Your Name : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<div>
Your Email: (required)</div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<div>
Your Message: (required)</div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" /><i>
</i><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message" style="font-style: italic;">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message" style="font-style: italic;">
</div>
</pre>

Read- Blog me Popup email subscription box kaise lagate hai?
Read- Blogger blog me Related posts Widget kaise lagate hai?


Step-2

Ab fir se apne Blogger ke Dashboard me aa jaaiye. Aur ab Theme par click kare aur fir baad me edit Theme par click kar de. Ab aapke samne apne blog ki poori html coding show hogi isme kahi bhi click karke Ctrl+F press karke ]]></b:skin> is code ko search kare. Aur fir ]]></b:skin> ye code ke mil jaane par niche diye gaye code ko just is ]]></b:skin> code ke upar copy karke paste kar de.

/* Contact helptwoyou.com */
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 400px;
max-width: 50%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 50%;
max-width: 50%;
margin-bottom: 10px;
height:30px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 80%;
height:200px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #f9f9f9;
background: #1aeb00;
color: #222;
width: 100%;
max-width: 20%;
margin-bottom: 10px;
height:60px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #f56c7e;
color: #444;
border: 2px solid #222;
}
 Congratulate ab aapke blog me Contact Form Successfully add ho gaya hai. aap apne blog ke contact form ko open karke check kar sakte hai. Agar aap esi hi latest posts ko apne email par paana chahte hai to abhi is Blog ko Subscribe kare.

Oh! Aapko ye Post pasand aayi!!!

Help To You Blog ki Latest posts ko apne email par paane ke liye aur Tech aur Blogging ki latest posts ko apne email par paane ke liye abhi Subscribe kare!!!

Previous
Next Post »