Blogger Me Contact Us Page Kaise Banaye

How to create contact page in blogger

Dosto ye post hamare new blog se li gayi hai. How to create contact page in blogger? Blogger me contact page kaise banate hai? Dosto aaj main apko bataunga ki kaise aap apne blog ke liye contact us page asaani se bana sakte hai. Wordpress me to hum simple ek plugin se contact us page asaani se bana sakte hai. Magar jab baat aati hai blogger ki to jydatar bloggers ko preshani ati hai. Is post me hum apko contact us page banane ki puri jankari hindi me de rahe hai.

How to create contact page in blogger? Blogger me contact page kaise banaye?

Hum yaha par apko ye nahi batane wale hai ki contact us page ki ahmiyat kya hai. Hum sidhe baat karte hai ise create kaise kiya jaye. To chaliye suru karte hai. 

1 - Sabse pahle aap blogger dashboard me Layout par click karen. Ab sidebar me Add a gadget me click kar dijiye. Ab aap Contact Form add kar lijiye. Aamtaur par contact form sidebar me nahi lagaya jata. Abhi jo humne steps kiye hai uski bajah se contact form sidebar me dikh raha hai. Lekin dont worry hum ise yaha se hide kar sakte hai.

Also Read - How To Install Recommended Post Below Article In Blogger

2 - Contact page ko hide karne aur stylish banane ke liye blogger dashboard me jayen. Ab aap Template par click kar dijiye. Iske baad Edit Template button par click kijiye. Ab aap CTRL+F key press karke isme </style> find kijiye. Ab </style> ke uper wali line me niche diya gya code paste kar dijiye. 

#ContactForm1 { display: none; } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email { width: 300px; height: auto; margin: 10px auto; padding: 10px; background: #fdfdfd; color: #666; border: 1px dashed #ddd; transition: all 0.5s ease-in-out; } #ContactForm1_contact-form-email-message { width: 450px; height: 175px; margin: 10px auto; padding: 10px; background: #fdfdfd; color: #666; font-family: 'Roboto',sans-serif; border: 1px dashed #ddd; transition: all 0.5s ease-in-out; } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { background: #fff; outline: none; border: 1px dashed #f8a82a; } #ContactForm1_contact-form-submit { font-family: 'Roboto'; font-size: 15px; width: 101px; height: 35px; float: left; color: #fff; padding: 0; margin: 10px 0 3px 0; cursor: pointer; background: #aaa; border: none; border-radius: 2px; transition: background 0.4s linear; } #ContactForm1_contact-form-submit:hover { background: #f8a82a; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message { width: 450px; margin-top: 35px; }

Save Template par click kar dijiye. Ab apka lagbhag kaam khatam ho chuka hai. Bus ab apko ek page banane ki jarurt hai. 3 - Contact us page banane ke liye ab aap blogger dashboard me jakar Pages me jakar New Page par click karen. New page par click karne ke baad HTML par ok karen. 

 Ab apko HTML me jo bhi code dikh raha hai ise aap delete kar dijiye. Yaha par aap niche diya gya code paste kar dijiye. Code paste karne ke baad page ko publish kar dijiye. Apka Contact us page ready hai. 

<form name="contact-form"> <span style="font-family: &quot;helvetica neue&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">www.trickypost.com</span> <span style="font-family: &quot;helvetica neue&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"> </span> <span style="font-family: &quot;helvetica neue&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><i class="fa fa-user"></i> Name</span> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />   <span style="font-family: &quot;helvetica neue&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">Email <span style="color: red; font-weight: bolder;">*</span></span>  <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />   <span style="font-family: &quot;helvetica neue&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><i class="fa fa-pencil"></i> Message&nbsp;<span style="color: red; font-weight: bolder;">*</span></span> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>  <input id="ContactForm1_contact-form-submit" type="button" value="Submit" />   <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> Contact Form from <a href="http://www.trickypost.com/">www.trickypost.com</a>

Agar apko koi problem aa rahi hai to comment karke puchh sakte hai. How to create contact us page in blogger. Blogger me contact us page kaise banate hai. Contact us page kaise banaye blogger me