Blog Mein Contact Form Page Kaise Banate Hain Urdu Main

Blog Mein Contact Form Page Kaise Banaye Urdu Blogger Tips 

Kya Aap Jaanate Hai Aapake Blog Mein Contact Form Hona Bohat Zaruri Hai .Jis se Aap ke Visitors, Company Owners Aap se Direct Contact Kar Sake Agar Aap Visitors Ko Baar Baar Apna Email Address Nahin Batana Chahate Hu, Tou Aap Apne Blog Mein Contact Form Add Keejiye. Yeh Bohat Hi Acha Tareeka Hai. Visitors Badhane Ka Blog Mein Contact Form Add Karane Ke Liaye Aap ko Bas Thodi See Coding Setting Karani Hai. Is Article Mein Aaj Mai Aapako Isi Ka Tareeka Bata Raha Hoon, Agar Aap Apne Blog Mein Contact Form Banaana Chahate Hai , Tou Aap Is Post Ko Follow Keejiye.

Blogger Mein Contact Form Page Kaise Add Karate Hai? 

Steps 1: 

•  Apne Blog Ke Dashboard Mein Jaaye Aur Layout Par Click Karen. 
• Ab Aap Kahin Bhe Add A Widget Par Click Karen.

• More Gadget Option Par Click Keejiye. 
•  Contact Form Par Click Keejiye. 
•  Ab Save Button Par Click Karen. 

Steps 2: 

• Ab Apne Blog Ke Dashboard >> Template>> Add Html Par Jaaye. 
•  Ab Aap  Box Mein Kahin Bhe Click Kar Ke Chtrl+F Dabaaye Aur Yeh Share Karen.

 <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

ya phir aap jump to widget par click kar ke Contact Form par check karen.

Steps 3: 

• Code ke Left Side mein arrow par Click kar k full Coding open keejiye. click Code arrow 
• ab <b:includable id=main> Aur </b:inchludablai> ke beech mein jo coding hai use Delate kar deejay.

<b:if cond='data:title != ""'>

<h2 class='title'>

<data:title/></h2>

</b:if>

<div class='contact-form-widget'>

<div class='form'>

<form name='contact-form'>

        <p/>

        <data:contactFormNameMsg/>        

        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>

        <p/>

        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>        

        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>

        <p/>

        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>       

        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>

        <p/>

        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>

        <p/>

<div style='text-align: center; max-width: 222px; width: 100%'>

</div>

</form>

</div>

</div>

<b:include name='quickedit'/>

 3.Html Par Chlichk Kar Ke Code Paste Kar De. 

 4.Code Paste Karane Ke Baada 893737638673 Id Kee Jagah Apane Blog Kee Id Set Kare Aur Page Publish Kar De. Is Post Ko Samajhane Mein Agar Aapako Kisee Tarah Kee Problem Aatee Hai, 

Tou Aap Mujhe Comment Mein Bata Sakate Hai, Mujhe Aap Kee Help Karane Mein Badee Khushee Hugee. Agar Aap Ko Bloggers Ya Internet Se Related Koee Bhee Maloomat Chahiaye, Tou Mujhe Comment Mein Post Kar Skate Hai. Sath Hi Aap Apane Browser Mein Https://Urdubloggingtipspk.Blogspot.Com Type Kar Ke Bhi Hamaaree Website Par Aa Sakate Hai.

 I Hope Aap Ko Ye Post Aap Ko Achi Lagi Huge, Agar Haan To Use Apane Sabhi Friends Ke Saath Social Media Par Share Zarur Karana, Take Aap Ki Wajah Se Koi Aur Bhi Apane Bloggers Blog Mein Contact Form Page Add Kar Sake.

کیا آپ جانتے ہیں کہ اپنے بلاگ میں رابطہ فارم رکھنا بہت ضروری ہے تاکہ آپ کے زائرین ، کمپنی کے مالکان آپ سے براہ راست رابطہ کرسکیں ، اگر آپ زائرین کو بار بار اپنا ای میل ایڈریس نہیں بتانا چاہتے ہیں تو آپ رابطہ فارم میں شامل کریں آپ کا بلاگ ، یہ بہت اچھا ہے راستہ یہ ہے کہ زائرین کو بڑھایا جاسکیں ، رابطہ فارم کو بلاگ میں شامل کریں ، آپ کو صرف اس مضمون میں ایک چھوٹی کوڈنگ سیٹنگ کرنی ہوگی ، آج میں آپ کو بھی اسی طرح بتا رہا ہوں ، اگر آپ چاہیں تو اپنے بلاگ میں رابطہ فارم بنائیں ، پھر آپ اس پوسٹ کو فالو کریں۔

بلاگر میں رابطہ فارم کا صفحہ کیسے شامل کریں؟

مرحلہ نمبر 1:

1. اپنے بلاگ کے ڈیش بورڈ پر جائیں اور لے آؤٹ پر کلک کریں۔

2. اب کہیں بھی شامل کریں ایک ویجیٹ پر کلک کریں۔

مرحلہ 3:

1. کوڈ کے بائیں جانب تیر پر کلک کرکے پورا کوڈ کھولیں۔

  کوڈ تیر پر کلک کریں

2.

<b:includable id='main'> </b:includable>

1. مزید گیجٹ کے اختیار پر کلک کریں۔

2. رابطہ فارم پر کلک کریں۔

3۔اب سیف بٹن پر کلیک کریں۔

مرحلہ 2:

اب اپنے بلاگ کے ڈیش بورڈ >> ٹیمپلیٹ >> ایچ ٹی ایم ایل میں جائیں۔

1. اب کوڈ باکس میں کہیں بھی کلک کریں اور Ctrl + F دبائیں اور اس کوڈ کو تلاش کریں۔

 <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

یا آپ جمپ ٹو ویجیٹ پر کلیک کرسکتے ہیں اور کانٹیکٹفارم 1 پر کلک کرسکتے ہیں۔

<b:if cond='data:title != ""'>

<h2 class='title'>

<data:title/></h2>

</b:if>

<div class='contact-form-widget'>

<div class='form'>

<form name='contact-form'>

        <p/>

        <data:contactFormNameMsg/>        

        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>

        <p/>

        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>        

        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>

        <p/>

        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>       

        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>

        <p/>

        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>

        <p/>

<div style='text-align: center; max-width: 222px; width: 100%'>

</div>

</form>

</div>

</div>

<b:include name='quickedit'/>

مرحلہ 4:

اب آپ]]> </ b: جلد> اس کوڈ کو تلاش کریں۔

اس کوڈ کو کاپی کریں اور اس کے اوپر پیسٹ کریں]]> </ b> جلد>۔

/* Contact smi*/

.contact-form-widget {

margin-left:auto;

margin-right:auto;

width: 400px;

max-width: 50%;

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: 50%;

max-width: 50%;

margin-bottom: 10px;

height:30px;

padding:10px;

font-size:16px;

}

.contact-form-email-message {

width:100%;

max-width: 80%;

height:200px;

margin-bottom:10px;

padding:10px;

font-size:16px;

}

.contact-form-button-submit {

border-color: #f9f9f9;

background: #1aeb00;

color: #222;

width: 100%;

max-width: 20%;

margin-bottom: 10px;

height:30px;

font-size:16px;

}

.contact-form-button-submit:hover{

background: #f56c7e;

color: #444;

border: 2px solid #222;

}

3. سانچے پر کلک کریں پر کلک کریں۔

مرحلہ 5:

اب آپ کو نیا صفحہ بنانا ہے ، میں آپ کو یہاں دو طرح کے رابطہ فورم بتا رہا ہوں ، اپنی پسند کی پیروی کریں۔

1. بلاگ کے ڈیش بورڈ >> صفحات >> نیا صفحہ پر کلک کریں۔

2. اب اس کوڈ کو کاپی کریں۔

<script>

var blogId = '9068543364951090862';//replace it the text with your blogID

//The below message 5 Strings can also be edited

var contactFormMessageSendingMsg ='Sending...';

var contactFormMessageSentMsg = 'Your message has been sent.';

var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';

var contactFormEmptyMessageMsg ='Message field cannot be empty.';

var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;

function sendEmailMsg() {

if(widgetLoaded== false) {

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

widgetLoaded=true;

document.getElementById('ContactForm1_contact-form-submit').click();

}

return true;

}

</script>

<form name="contact-form">

<div>

Your Name : </div>

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<div>

Your Email: <em>(required)</em></div>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<div>

Your Message: <em>(required)</em></div>

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />

<div style="max-width: 450px; 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>

3. ایچ ٹی ایم ایل پر کلک کریں اور کوڈ پیسٹ کریں۔

the. کوڈ چسپاں کرنے کے بعد ، 9068543364951090862 کے بجائے اپنے بلاگ کی ID مرتب کریں اور پیج کو شائع کریں۔

اگر آپ کو اس پوسٹ کو سمجھنے میں کوئی پریشانی کا سامنا کرنا پڑتا ہے تو آپ مجھے کمنٹ میں بتاسکیں گے ، مجھے آپ کی مدد کرنے میں خوشی ہوگی۔

اگر آپ بلاگر یا انٹرنیٹ سے متعلق کوئی معلومات چاہتے ہیں تو آپ مجھے کمنٹ میں پوسٹ کرسکتے ہیں ، آپ اپنے براؤزر میں https: //urdubloggingtipspk.blogspot.com ٹائپ کرکے بھی ہماری ویب سائٹ پر آسکتے ہیں۔

مجھے امید ہے کہ آپ کو یہ پوسٹ پسند آئے گی ، اگر ہاں ، تو اسے اپنے تمام دوستوں کے ساتھ سوشل میڈیا پر شیئر کریں تاکہ کوئی اور آپ کے بلاگر بلاگ میں رابطہ فارم کے صفحے کو شامل کرسکے۔