Must Read: Internet Par Website Kaise Banaye | Recommended: Internet Se Paise Kaise Kamaye Best Tips
Subscribe For Free Latest Updates!

We'll not spam mate! We promise.

Jan 20, 2016



Contact Us page kaya hai, isko kaise istemal karte hai aaj me sab kuch share karunga aap logo ke sath. Dosto aagar aap ke ek bloggar par blog hai to ya post apko bahuti jorurat padega. 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 agar aap apne bloggar blog par ek Contact Us page add kar ke rakhe to aapke blog ki visitor aapko koibhi message kar sakte hai, iss se aap ka blog ki important badega aapke blog ki visitor asan tarike se koibhi problem aap ke satha send karke baat kar sakte hai. To dosto or baat na bada kar chaliye dekhte hai blog par kaise ek Contact us page banate hai uske bad uss par ek css style dalte hai.

Agar aap nahi jante kaise blogger par account karke kaise blog banate hai to aap iss post ko dekhiye - Blogger par Free blog/website kaise banaye.


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



Blogger Par Contact Us Page Kaise Banaye ?


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


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



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



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

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 - ]]></b:skin> iss tag ke upar niche ke css code copy karke past kar de.

 #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;} 


Dosto abhi aap apne 3rd option par dekhiye HTML TAB par niche ki HTML code ko copy karke past karde, 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> 


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

Jobhi ho post samajne me koibhi problem ho to niche comment kare or agar post acche laga to apne dosto ke sath jorur share kore.

0 comments :

Post a Comment

Dosto aagar apko ya post acchi lagi ho to niche comment kare. Koibhi galat word use na kare, Aagar apne koibhi galat comment post kiya to fir apke comment remove hoga. Or ek baat spam comment se dur rahiye.



Copyright © 2017 - MyHindiTricks - All Rights Reserved