Blogger पर Contact Us Page कैसे बनाएँ पूरी जानकारी Hindi में

Contact Us Page: Hello Friends आज के इस Post में हम सीखेंगे की हम अपने Blogger के लिए Contact Us Page किस तरह से बना सकते हैं।

Contact Us Page

Contact Us Page

नमस्कार दोस्तों, जैसा की आप सभी जानते हैं की किसी भी Blog पर Adsense Approval लेने के लिए यह जरुरी है की आपके Blog पर सभी Important Pages Available हों, जिसमे Contact Us Page भी आता है। इसलिए अगर आप अपने Blog से Google Adsense के द्वारा Earning करना चाहते हैं तो आपको अपने Blog के लिए एक Contact Us Page जरूर बनाना चाहिए।

इसके साथ ही इस Contact Us Page का इस्तिमाल करके आपके Viewers भी आपके साथ Communicate कर सकते हैं। इसके साथ ही हम आपको कुछ और Tips भी देंगे जिससे आप  ज्यादा बेहतर तरीके से अपने Blog के Contact Page को और भी ज्यादा बेहतर बना सकेंगे।

इसके साथ ही हम आपको बता दें की इस Contact Us Page को बनाने के लिए थोड़ी बहुत Coding की जरुरत होती है। लेकिन परेशान होने की कोई बात नहीं है क्योंकि Codes आपको निचे मिल जाएंगे आपको सिर्फ उन Codes को सही जगह पर Paste करना है  Contact Page बन जाएगा।

Contact Us Page कैसे बनाएँ

अब बात करते हैं की हम अपना Contact Page किस तरह से बना सकते हैं, सबसे पहले आपको अपने Blog पर Contact Facility को On करना है जिसके लिए आपको एक Code अपने Blog के Theme में Add करना होता है और दूसरा Code आपको अपने Contact Us Page पर लगाना है, जिससे आपका Page तैयार हो सके, चलिए Step by Step देखते हैं की क्या और कैसे करना है।

Step 01. Paste this Code in your Theme

Code

सबसे पहले आपको निचे दिए गए Code को Copy करना है और इसे अपने Theme के Head के ठीक ऊपर Paste करना है। जिसके लिए आप अपने Blogger के Dashboard को Open करें और Theme Section पर जाएं। यहाँ आपको Desktop Preview और Mobile Preview Box मिलेंगे जिनके निचे आपको Preview और Edit HTML के Options मिलते हैं।

आपको Edit HTML पर Click करना है और अपने Blog के Code में Head को Find करना है, जिसके लिए पहले आप Keyboard से Ctrl+F Press करें जिससे आपके पास एक Search Box आ जाएगा अब इस Search Box में आपको <head> लिखकर Enter Press करना है, जिससे आपको आपके Theme में Head Section मिल जाएगा।

अब क्योंकि हमें इस Code को Head के ऊपर लगाना है इसलिए आप <head> के ठीक ऊपर Enter Key की मदद से थोड़ी जगह बना लें, और वहां दिए गए Code को Paste कर दें।

अब आप Save Theme के Button पर Click करें जिससे यह Code आपके Theme में Save हो जाएगा।

<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” rel=”stylesheet”/>

Step 02. Create a Page

Create a Page

अब आपको एक Page Create करना होता है, जिसे हम Contact Us का नाम देते हैं। Page Create करने के लिए आप Blogger के Dashboard पर जाएं, और Left Side में दिए गए Pages के Option पर Click करें, अब आपके सामने एक नया Page खुल कर आ जाएगा जहाँ आपको New Page का Option मिलता है।

आप New Page पर Click करें और Title में Contact Us लिखें इस प्रकार आपका आधा काम Complete हो गया है अब आपको Contact Box को Add करना है।

Step 03. Add Contact Box

Add Contact Box

Blogger पर Page बनाने के बाद आप ऊपर देखें तो Compose और HTML दो Options आपको मिलते हैं। यहाँ Compose के द्वारा आप Text और Images को Customize कर सकते हैं लेकिन हमें Codes को Place करना है, तो हम HTML Section की जरुरत होती है। इसलिए आप HTML पर Click करें।

अब आप निचे दिए गए Code को HTML Box में Paste करें और Compose के Button पर Click करें आप देखेंगे की अब आपके Blog के Page पर Contact Box लग चूका है। अब आप इस Page को Publish कर दें।

<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 Us का पजे बना  सकते हैं। अब बात करते हैं अपने Page को थोड़ा Advance बनाने की, तो यहाँ कुछ चीजें हैं जो आपको समझनी चाहिए, कोई भी User आपको Email के द्वारा अब आपको Contact कर सकता है, लेकिन वह ये भी जनता है की उसका Reply उसे कब मिलेगा इसका कोई भरोषा नहीं है।

दूसरी तरफ आपको Blogging के लिए अपने Social Pages और Account या Group में भी Engagment को बढ़ना है, जिसके लिए आप अपने सभी Important Social Media Account के Links को अपने Page में लगा सकते हैं।

जैसे की Facebook Page, Facebook Group, Telegram Channel, Telegram Group, YouTube Channel, Twitter, Instagram, और Whatsapp Group

आप इन सभी के Links अपने Contact Page में  लगा सकते हैं जिससे ना सिर्फ आपका Page बेहतर होगा बल्कि आपके Audience Directly आपसे Connect हो सकते हैं।

In Conclusion

एक  Contact Us Page में आपको उन सभी चीजों का इस्तिमाल करना चाहिए जिससे लोग आपसे Connect हो सके या Contact कर सकें, जिससे User के ऊपर एक अच्छा Impact पड़ता है और वह हमेशा आपसे Connect भी रहता है।

इसलिए अगर आपने अभी तक इन चीजों को नहीं किया है तो आज ही कर लें उम्मीद है यह जानकारी आपको पसंद आयी होगी तो इसे अपने दोस्तों के साथ भी जरूर Share करें।

इन्हें भी जरूर देखें

3 COMMENTS

    • contact form 7 plugin ko install kariye easy hai. Firbhi aapne kaha to jaldi hi is par video aur post dono publish karunga

  1. Awesome Article Sir, thanks for sharing this article and i want to know more knowledge about tech. Sir, i also created the website related to technical blogs. please approval this link for go ahead.

LEAVE A REPLY

Please enter your comment!
Please enter your name here