Latest: True Balance App Se 20,000 Earn Kaise Kare | 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 ajme sab kuch share karung gi aplogo ke sath. Dosto agar aap ke ek bloggar par blog hai to ya post apko bohuti jorurat padegi. Myhinditricks blog ke top menu ko dekhiye ek option hai jiska naam hai "Contact Us" usspar click kar ke dekhiye ek page khule ga udhar dekhiye ek box hai usme aap mujhe koibhi message likh kar vejh sakte ho. Usi traha agar aap apne bloggar blog par ek Contact Us page add kar ke rakhe to aapke blog ke visitor aapko koibhi message kar sakte hai, iss se aap ka blog ke important bade ga aapke blog ke visitor asan tarike se koibhi problem aap ke satha mail send karke baat kar sakte hai. To dosto or baat na bada kar chaliye dekhte hai blog par kaise ek Contact page banate hai uske bad uss par ek css style dalte hai.

Agar aap nehi 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 3 rd option par dekhiye HTML TAB par niche ko 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 caheto iss page ko menu bar par add kar sati ho.

Jobhi ho post samajne me koibhi dik kat 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