Blogger contact us ka page kaise banaye ki steps

Aaj seekehenge ki Blogger contact us ka page kaise banaye. Agar aapke paas koi website or blog hai and commercially use karte hai to us par aapko sabhi tarah ke pages banana chaiye jaise Privacy policy, declaimer page, Terms & condition ka page, About us page and Contact us page bhi banana chaiye.

Mene yaha blogger contact us ka page kaise banaye ki baat ki hai agar aapko WordPress par contact us page kaise banaye ke baare me janna hai to thoda wait kare becuse uske liye bhi jaldi publish kiya jayega.

Contact page par contact form hota hai jisme 3 jaroori thing hoti hai jaise – Name, Email id and Message, Uske baad submit button jisse message sent kiya ja sake.

Kis tarah ki information Blogger contact us page par dena chaiye?

Agar aap chahe to thodi bohot apni information de sakte hai. Kis tarah ke messages aana chahiye jaise business se related or personal messages, problem se related. Aap chahe to apne anusar time bhi likh sakte hai ki kitne time tak aap apna reply karnege.

Blogger contact us ka page kaise banaye ki steps.

Step 1. Apni blog ko login kare Layout par jaye Add a gadget par click kare. Ek window open hogi jsime Blogger ke gadget honge. Unme se more gadget ka option hoga jisme contact form ko add karne ka option hoga. To more gadget par click kare and Contact form ke saamen + icon par click karke contact form add kare (neeche ki image dekhe).blogger-contact-form-add

 

Step 2. Save kare and Template par click kare Edit HTML par jaye. Ab aap Jump to widget par click kare, ek drop down menu aayega usme se ContactForm1 par click kare.contact-page-kaise-banaye

Step 3. ContactForm1 par click karte hi aap contact form ke code par aa jate hai jaha aapko neeche diye hue code dikhega.

<b:widget id=’ContactForm1′ locked=’false’ title=’Contact’ type=’ContactForm’>…</b:widget>

Ab use code ke aage jo Arrow hai us par click kare jisse code expand ho jayega.contact-page-click-on-arrow

Code expand hote hi poora contact form ka code dikhega jisme aapko editing karna hai.

To aage read karte rahiye.

<b:widget id=’ContactForm1′ locked=’false’ title=’Contact’ type=’ContactForm’>
<b:includable id=’main’>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’contact-form-widget’>
<div class=’form’>
<form name=’contact-form’>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class=’contact-form-name’ expr:id=’data:widget.instanceId + &quot;_contact-form-name&quot;’ name=’name’ size=’30’ type=’text’ value=”/>
<p/>
<data:contactFormEmailMsg/> <span style=’font-weight: bolder;’>*</span>
<br/>
<input class=’contact-form-email’ expr:id=’data:widget.instanceId + &quot;_contact-form-email&quot;’ name=’email’ size=’30’ type=’text’ value=”/>
<p/>
<data:contactFormMessageMsg/> <span style=’font-weight: bolder;’>*</span>
<br/>
<textarea class=’contact-form-email-message’ cols=’25’ expr:id=’data:widget.instanceId + &quot;_contact-form-email-message&quot;’ name=’email-message’ rows=’5’/>
<p/>
<input class=’contact-form-button contact-form-button-submit’ expr:id=’data:widget.instanceId + &quot;_contact-form-submit&quot;’ expr:value=’data:contactFormSendMsg’ type=’button’/>
<p/>
<div style=’text-align: center; max-width: 222px; width: 100%’>
<p class=’contact-form-error-message’ expr:id=’data:widget.instanceId + &quot;_contact-form-error-message&quot;’/>
<p class=’contact-form-success-message’ expr:id=’data:widget.instanceId + &quot;_contact-form-success-message&quot;’/>
</div>
</form>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>

Ab Upar diya hua jo code hai usme se red colour ka poora code delete kare and save kare.

Step 4. Ab aap sidebaar par diye Pages par click kare and New page par click kare. Title me aap Contact Us type kare. Ab Edit HTML par jaye and neeche diya hua code copy karke image ke according paste kare.contact-page-editCode jo paste karna hai

<div class=”widget ContactForm” id=”ContactForm1″>
<div class=”contact-form-widget”>
<div class=”form”>
<form name=”contact-form”>
<div class=”fm_name”>
Your Name:
<input class=”contact-form-name” id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” /></div>
<div class=”fm_email”>
E-mail Address *:
<input class=”contact-form-email” id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” /></div>
<div style=”clear:both”>
</div>
<div class=”fm_message”>
Message *:
<textarea class=”contact-form-email-message” cols=”25″ 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” type=”button” value=”Submit” />
<div class=”contact-form-error-message” id=”ContactForm1_contact-form-error-message”>
</div>
<div class=”contact-form-success-message” id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>
</div>
</div>

Is code ko paste karne ke baad aap seedhe publish kar sakte hai. Search description fill karna jaroori nahi hai contact-form-on-pagepar ap chahe to fill kar sakte hai. Ab aap apna blogger contact page visit kare aur test kare ki wo sahi chal raha hai ya nahi.

Side me di hui image ke according aapka contact form hoga.

Koi visitor usme Name, Email and message type karke Send karta hai to wo message aapki blogger blog se associated email id par sent ho jayega.

To is tarah see aapne jana ki Blogger contact us ka page kaise banaye. Agar aap chahe to Khud ka CSS add karke stylist contact form add kar sakte hai. Par uske liye agla article likhna hoga. Bye!

Spread the love

2 Comments

Add a Comment

Your email address will not be published. Required fields are marked *