Blogger Me Contact Form Kaise Add Kare

Blogger Me Contact Form code

दोस्तों सबसे पहले आपको ब्लॉग के layout में जाना है और वहा आपको Contact form का Gadget Add करना है इसके बाद आपको theme में सर्च करने के लिए theme में जाना है और edit html पर क्लिक करना है. इसके बाद CTRL+F Press करना है इसके बाद यह कोड सर्च करना है.

1.Code=]]></b:skin>

दोस्तों यह सर्च करने के बाद आपके सामने यह कोड आ जायेगा.इसके बाद इसके ऊपर ये कोड paste करना है.और save theme पर क्लिक कर के theme को save कर लेना है.

2.Code=div#ContactForm1 {

display: none !important;

}

अब दोस्तों आपको सर्च करना है </Head> इसके बाद आपको इसके ऊपर ये कोड paste करके save theme कर लेना है.
3.Code=<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>
यह सब करने से आपका contact form आपके ब्लॉग से hide हो जायेगा.अब दोस्तों आपको जाना है अपने ब्लॉग के page में और वहां एक नया page add करना है page का टाइटल Contact us रख सकते हैं अब उसमे आप right side में देखेंगे तो लिखा होगा HTML"इस पर आपको क्लिक करना है और उसमे ये कोड paste करना है. इसके बाद आपको publish कर देना है.
4.Code=<form name="contact-form"><span><i class="fa fa-pencil-square-o"></i> Name </span><br /> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> <br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</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><br /><style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>

अब दोस्तों आपको अपने ब्लॉग में contact form लगाने के लिए फिर से theme जाना में होगा