Header Ads

Blogger Par Contact Us Page Kaise Banaye Jane Hindi Me

Contact Us page kya hai, blog ke liye contact form page kaise banate hai aaj hum sab kuch share karne wale hai isi post me. Dosto aagar aap ke ek blogger par blog hai to ye post apko bahut jarurat padh sakta hai. Myhinditricks blog ke top menu ko dekhiye ek option hai jiska naam hai "Contact Us" uss par click karke dekhiye ek page khulega udhar dekhiye ek box hai usme aap mujhe koibhi message likh kar bhaj sakte ho.

Usi traha aagar aap apne bloggar blog par ek Contact Form page add karna chahate hai to aapke blog ka visitors aapko koibhi message kar sakte hai, iss se aap ke blog ki important badega aapke blog ki visitor asan tarike se koibhi problem aap ko send karke bata sakega. To dosto or baat na bada kar chaliye dekhte hai blogger blog par kaise ek Contact us page banate hai.

Read: Blogger par Free blog/website kaise banaye.

blogger-blog-par-contact-us-page-kaise-banaye



Blogger Par Contact Us Form Page Kaise Banaye ?


Step 1. Sbse pahle Blogger Dashboard se Layout par click kare uske bad More Button par click karke Add a Gadget par click kare uske bad More gadget button par click karke Contact Form par click kare.


blogger-blog-par-contact-us-page-kaise-banaye


Step 2. Dosto abhi aap apne blogger blog se Dashboard se Pages Option par click kare Uske bad New Page button par click kare.

blogger-blog-par-contact-us-page-kaise-banaye


Step 3. Aabhi ek naya page khule ga udhar aap Page Title par "Contact Us" likhiye uske bad HTML tab par click kare uske bad niche jo HTML code hai usko copy karke Post box par Past Kare.

blogger-blog-par-contact-us-page-kaise-banaye
Step 4. Aabhi aap Dashboard se Template → Edit HTML par click kare uske bad apne keyboard ke iss button Ctrl+F press karke iss tag ko search kare uske bad ]]></b:skin> iss tag ke upar niche ki css code copy karke past kare.

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:10px;background:#fff;color:#666;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#fff;color:#666;font-family:'Droid Sans',sans-serif;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;border:1px solid #c8c8ad;background:lightyellow;color:#444;}
#ContactForm1_contact-form-submit {font-family:'Ruda';float:left;border-radius:3px;
background:#2D94CA;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;
padding:10px 18px!important;font-weight:700;font-size:15px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:all 0.4s ease-out;}
#ContactForm1_contact-form-submit:hover {background:#0C1316;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:450px;margin-top:35px;}
#ContactForm1{display:none;}

Step 5. Abhi aap apne 3rd option par dekhiye HTML TAB par niche ki HTML code ko copy karke past kare, uske bad Publish Button par click karke page ko publish kare.

<div id="contact_wrap">
<h3>
Contact Us</h3>
<form name="contact-form">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-user" style="color: #dc843d;"></i> Name</span><br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  <br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-envelope" style="color: #fbe213;"></i> Email Address <span style="color: red; font-weight: bolder;">*</span></span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  <br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-pencil-square-o" style="color: #2398e2;"></i> Content <span style="color: red; font-weight: bolder;">*</span></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>
</div>

Step 6. Aabhi aap Save Template par click kare, ho gaya aapke apne khud ke ek Contact form page aabhi aap page par visit karke dekhiye, aap chahe to iss page ko menu bar par add kar sate ho.

To hum ummid karte hai ki apko ye post accha laga hai agar apko ye jankari pasand aya hai to please post ko apne dosto ke sath share kare, koi bhi sawal hai to niche comment kare.

1 comment:

  1. Anonymous27/7/17

    Its very interesting and informative post
    Thanks for sharing keep up the Good work

    ReplyDelete

Aagar apko ye post accha laga hai to niche comment kare. Koibhi galat word use na kare, Aagar apne koibhi galat comment post kiya to phir apke comment remove kar diya jayega.