Blogger Par Contact Us Page Kaise Banaye Jane Hindi Me

Contact Us page kaise banaye, blogger par contact form page kaise banaye?

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.

COMMENTS

BLOGGER: 1
  1. Anonymous27/7/17

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

    ReplyDelete
अगर आपको ये पोस्ट अच्छा लगा है तो निचे कमेंट करे, और कोई भी गलत शब्द का इस्तेमाल ना करे. अगर कोई भी गलत कमेंट किया तो आपके कमेंट डिलीट कर दिया जायेगा.

Name

Aadhaar,6,Affiliate Marketing,2,Android,118,AntiVirus,10,Apple,1,Aviskar & Khoj,21,Bitcoin,1,Blogger Tips,68,Blogging,14,Coding,1,Computer,156,Design,2,Domain,4,Education,9,Facebook,68,Festival,6,Full Form in Hindi,19,Game,7,Gmail,20,Google,9,Hacking,1,Hardware,3,Hindi Review,6,Independence Day (India),3,Instagram Tips,4,Internet,81,IRCTC,2,Kaise Kare,34,Linux,4,Make Money,21,Media Player,3,Microsoft,3,Microsoft Office,16,Mobile Operators,21,Motivational,2,MS Word,16,Online,22,Operating System,6,Pan Card,3,Paytm,5,PDF File,13,Photo Edit,21,Photoshop,9,SBI Net Banking,7,SEO,9,Software,42,Tech Gyan,44,Telegram,1,Template,2,Tips & Tricks,254,Top Website,9,Twitter Tips,1,Video Editing,16,Web Browser,11,Web Hosting,1,Whatsapp Tips,29,Widget,15,Windows,44,Windows 10,27,Wordpress,2,Yahoo,1,Youtube,26,
ltr
item
My Hindi Tricks: Blogger Par Contact Us Page Kaise Banaye Jane Hindi Me
Blogger Par Contact Us Page Kaise Banaye Jane Hindi Me
Contact Us page kaise banaye, blogger par contact form page kaise banaye?
https://2.bp.blogspot.com/-eGbP3v9IELw/Vp9jUtvmLFI/AAAAAAAAA2o/AarpWRkzELg/s1600/Blogger%2BPar%2BContact%2BUs%2BPage%2BKaise%2BBanaye%2B%25281%2529.png
https://2.bp.blogspot.com/-eGbP3v9IELw/Vp9jUtvmLFI/AAAAAAAAA2o/AarpWRkzELg/s72-c/Blogger%2BPar%2BContact%2BUs%2BPage%2BKaise%2BBanaye%2B%25281%2529.png
My Hindi Tricks
https://www.myhinditricks.com/2016/01/blogger-blog-par-contact-us-page-kaise-banaye.html
https://www.myhinditricks.com/
https://www.myhinditricks.com/
https://www.myhinditricks.com/2016/01/blogger-blog-par-contact-us-page-kaise-banaye.html
true
3284777665229241284
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy