Blogger Blog me कोड से Contact form kaise add करे !  

Blogger Blog me कोड से Contact form kaise add करे !

Contact form keya hai 
Website blog me contact form kyu add karna chahiye
Blogger blog me contact form kaise add kare
Blog me code se contact form Kaise add kare
Blogger blog me contact form add karne ke 3 trike
 
blogger blog me contact form kaise add kare logo
 
Hello friends aaj ke is post me humne यह bataya hai ki Blogger Blog me code se contact from kaise add kare
Kyuki website ho ya blog visitors ko agar website blog me admin/author se contact karna ho to contact form ke जरिए visitor admin contact kar sakta hai
Contact form रहने se visitor ko website ke admin ko apna Email ya phir or कोई contact karne ka id nhi dena parta hai
Contact form website blog me add ho to AdSense ke approvel me bhi kafi helped hota hai…

Contact form hum 3 तरह से add कर सकते है ……

(1).Direct widget
(2).HTML java script code
(3) Template edit karke
तो ,

पहले  hum batate hai Direct widget se contact form add karna..

Trick 1. Direct widget add karna

(1).Blogger Dashboard me jaye
(2).Layout pr click kare
(3).Add a Gadget पे click kare
(4).New page open hoga More Gadget Select kare
(5).Contact form slecet kare
(6)Save>Cancel>Remove
Save पे click kare

Ab aapka contact form add ho चूका है

Yaha हमने 2 code diya है dono मे se कोई एक code Copy कर ले

ये भी पढ़े..  Blogger me Twitter follow widget add kare

Trick.2 Html/Java/Script se contact form add karna..

पहले niche diye gaye code copy kare
<form name="contact-form">अपना नाम डाले<br />Name<br /><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br /><span style="font-weight: bolder;">इमेल डाले&nbsp;</span><br />Enter your E-mail<br /><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br /><span style="font-weight: bolder;">मैसेज लिखे</span><br /><span style="font-weight: bolder;">Text your message</span><br /><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br /><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /><br /><div style="max-width: 222px; text-align: center; width: 100%;"><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>
  • Code 2
<script src="//www.powr.io/powr.js?external-type=html"></script>  <div class="powr-contact-form" id="421f5d0c_1544073502"></div>
Code copy karne ke bad Blogger ke dashboard me jaye
Layout>Add a Gadget
New window open hogi java/Script select kare
Phir new window open hogi usme 2 box hoga ek छोटा एक बडा़ छोटा box ko खाली रहने दे or बडा़ box me upar Jo code copy kiya tha usse pest kar de
Or save kar de

Ho gaya contact form add aapke blog me

Tricks 3 Template edit karke contact form add karna..

Ab hum template ko edit karke contact form add karnge
Blogger dashboard me jaye
(1).theme pr click kare edit HTML pr click kare..
(2). Ab ek code box open hoga jump to widget pe click kare or scroll down kare contact form 1 slecet kare slecet karte hi contact form code highlight ho jayega
(3) <b:widget id=’ContactForm1′ locked=’false’ title=’Formulir code ke left side me arrow icon pr click kare
Click karte hi पूरा code open ho jayega Code me से …..
<b:includable id=’main’> से  </b:includable>
के बीच मे जो code है  उसको delete करे

(4) ab niche diye gaye code copy kare

 
Custom Cocntact Form BY HindivHelp.blogspot.com */.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0px;color:#000;}.fm_name,.fm_email{float:left;padding:5px;width:48%}.fm_message{padding:5px;}.contact-form-name,.contact-form-email{width:100%;max-width:100%;margin-bottom:10px;height:40px;padding:10px;font-size:16px;}.contact-form-email-message{width:100%;max-width:100%;height:100px;margin-bottom:10px;padding:10px;font-size:16px;}.contact-form-button-submit{border-color:#C1C1C1;background:#E3E3E3;color:#585858;width:20%;max-width:20%;margin-bottom:10px;height:30px;font-size:16px;}.contact-form-button-submit:hover{background:#ffffff;color:#000000;border:1pxsolid#FAFAFA;}

Upar diya gaya code copy karne me baad..

(5) ab template me कही bhi click karke keyboard me CTRL+F दबाएँ
Template ke उपर Right side ke कोने मे एक search box open होगा Search box me  ]]><b:skin>  code type kare or keyboard me enter button दबाएँ बटन press करते ही   ]]><b:skin>   Code highlight ho जाएगा !
अब आपने जो कोड उपर copy kiya था
Us code ko   ]]><b:skin>   के उपर पेस्ट करे and सबसे उपर कोड मे मेरी साईट का जो URL hai
HindivHelp.blogspot.com उसे remove karke apni site ka URL daal le
Uske baad save theme pr click kare
par click karke theme ko save kare.
Ab dashboard me page pe click kare
New page uske baad ek box open hoga
Ab aap niche diye gaye code ko copy kare copy karne ke baad…
<divclass="widget ContactForm"id="ContactForm1"><divclass="contact-form-widget"><divclass="form"><formname="contact-form"><divclass="fm_name">YourName:<inputclass="contact-form-name"id="ContactForm1_contact-form-name"name="name"size="30"type="text"value=""/></div><divclass="fm_email">E-mailAddress *:<inputclass="contact-form-email"id="ContactForm1_contact-form-email"name="email"size="30"type="text"value=""/></div><divstyle="clear:both"></div><divclass="fm_message">Message *:<textareaclass="contact-form-email-message"cols="25"id="ContactForm1_contact-form-email-message"name="email-message"rows="5"></textarea><inputclass="contact-form-button contact-form-button-submit"id="ContactForm1_contact-form-submit"type="button"value="Submit"/><divclass="contact-form-error-message"id="ContactForm1_contact-form-error-message"></div><divclass="contact-form-success-message"id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>
Upar diye gaye code copy karne ke baad code ko box me pest kar de or
Uske baad compose HTML मे से HTML slecet kare
Or tittle wale box me contact us या contact me likh kar Publish PR click kar de..

Ab aapka contact form add ho chuka hai

Maine aapko 3 तरीका बताया है Blog me contact form add karne ka and mai suggest karung ki aap trick 1 ya trick,2 hi use kare kyuki trick 3 yani ki template edit karne me bahut परेसानी होगी और ये थोडा़ कठिन भी है

kaisa laga ye post hame jarur bataye and social media me share jarur kare taki aapke add karne ke baad aapke friends bhi add kar sake  and I hope ki ye post aapko pasand aaya hoga

ये भी पढ़े..  20 Hindi Quotes 3D pic 2018
loading...

About Mr Manish

Blogger Blog me कोड से Contact form kaise add करे ! 1www.hindivhelp. ब्लॉग पर हिन्दी भाषा मे, पैसा कमाए इंटरनेट से, इंटरनेट टिप्स , नया ब्लॉग स्टार्ट करे , की जानकारी Sajha ki jati hai. Learn More

 

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.