Blogger का अपना contact form widget उपलब्ध है, लेकिन ये इस्तेमाल करने के लिए अच्छी या आकर्षक नहीं हैं. इसलिए आज हम सीखेंगे कि blogger के लिए custom contact form कैसे बनाया जाए.
More Post: Best responsive Free Blogger template
Add Blogger Stylish Contact Page
मैंने इस tutorial को तीन section में विभाजित किया है, Contact Gadget add करें, Gadget को Hide करें और एक new page में आधिकारिक code को implement करें .
A) Contact Gadget add करें
सबसे पहले, आपको अपने blog पर blogger contact form widget जोड़ना होगा. यह आपके contact form की कार्यक्षमता को enable करेगा. इसकेलिए क्या करना है?
Step 1: अपने Blogger Dashboard/ Overview पर जाएं.
Step 2: Menu से Layout section को select करें.
Step 3: यहां Add a Gadget पर click करें.
Step 4: एक popup show और More Gadgets पर click करेंगे.
Step 5: Contact Form Gadget पर Blue Plus Button पर click करें और फिर इसे Save करें.
अब आपने अपने blog पर Blogger Contact Form Widget को successfully add करलिया है. Next आपको इस default contact widget को hide करना होगा ताकि Contact Us page को अधिक stylish बनाया जाए.
B) Gadget को Hide करें
Default Blogger contact form को छिपाने के लिए आपको इन steps को follow करना होगा.
Step 1: Template menu पर click करें और Edit HTML button पर जाएं.
Step 2: अब HTML area पर tap करें और keyboard पर ctrl + F button दबाएं.
Step 3: एक search box दिखाई देगा, यहां आप यह code ]]> </ b: skin> type करके Enter करें.
Step 4: अब बस इस code ]]> </ b: skin> के ऊपर छोटा CSS code paste करें.
अपने template को Save और you are done.
C) Contact Form को Page में add करें
अब आप blogger के लिए static Contact Us पेज बना सकते हैं. ऐसा करने के लिए, हमें अपने blog पर एक contact page बनाना होगा।
- Pages section में जाएं और New page button पर click करें.
- Contact Us/Contact के साथ Page Title भरें और HTML tab पर click करें.
- अब following code को copy करें और page के HTML mode में paste करें.
