القائمة الرئيسية

الصفحات

كود html لأنشاء صفحة اتصل بنا جاهزة لمدونات بلوجر العربية والإنجليزية شرح خطوة بخطوة

 كود html لأنشاء صفحة اتصل بنا جاهزة لمدونات بلوجر العربية والإنجليزية


صفحة اتصل بنا تعتبر من ضمن الصفحات الأساسية التي لها أهمية كبيرة في بناء موقعك على الويب لذلك يجب أن تهتم بها وتتأكد من وجودها في موقعك حيث تعتبر صفحة اتصل بنا من اهم الطرق التي تجعلك على اتصال مع جمهورك. 

كود html جاهز لصفحة اتصل بنا عربي وانجليزي


اهمية صفحة اتصل بنا

 

كما ذكرنا ان صفحة اتصل بنا لها أهمية كبري في تأسيس اي موقع الكتروني على بلوجر او اي منصة أخرى حيث تعتبر 

حلقة اتصال بين الجمهور ومالك الموقع فيمكنك من خلالها 


  • التواصل مع الجمهور 
  • معرفة رأي الجمهور في موقعك 
  • معرفة استفسارات الزوار 


لا يمكن أن يتواجد موقع الكتروني بدون صفحة اتصل بنا لذلك نوفر لك كود html لصفحة اتصل بنا جاهز ولا يحتاج إلى أي إضافات كل ما عليك اتباع الخطوات التالية لانشاء صفحة اتصل بنا عربية او اجنبية. 


خطوات انشاء صفحة اتصل بنا جاهزة لبلوجر


  • قم بالدخول الى موقعك على بلوجر
  • اختار قائمة الصفحات
  • اختار انشاء صفحة جديدة
  • قم بتسمية الصفحة اتصل بنا لمدونات العربية 
  • قم بتغيير صيغة الصفحة الي html

قم بلصق الكود التالي لانشاء صفحة اتصل بنا عربية

<style>

.contact-form-widget {max-width: 500px;}

.page-contact-form input,.page-contact-form textarea {width: 100%;max-width: 100%;margin-bottom: 10px; padding: 20px;}

.page-contact-form input.contact-form-button.contact-form-button-submit {padding-top: 10px;

    padding-bottom: 35px; background: #ea6337; color: #fff;border: none;font-size: 20px;

    font-family: cairo;border-radius: 10px;}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {background: none;color: #000; border:1px solid #ea6337}

</style>

<div class="contact-form-widget page-contact-form">

<div class="form">

<form name="contact-form">

الاسم:<br />

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

البريد الإلكتروني: <span id="required">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="البريد الإلكتروني" size="30" type="text" value="" />

التعليق: <span id="required">*</span><br />

<textarea class="contact-form-email-message" cols="25" 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" type="button" value="إرسال" />

<br />

<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>

</form>

</div>

</div>


 لانشاءصصفحة اتصل بنا جاهزة لبلوجر اجنبية ضع الكود التالي 


<style>

.contact-form-widget {max-width: 500px;}

.page-contact-form input,.page-contact-form textarea {width: 100%;max-width: 100%;margin-bottom: 10px; padding: 20px;}

.page-contact-form input.contact-form-button.contact-form-button-submit {padding-top: 10px;

    padding-bottom: 35px; background: #ea6337; color: #fff;border: none;font-size: 20px;

    font-family: cairo;border-radius: 10px;}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {background: none;color: #000; border:1px solid #ea6337}

</style>

<div class="contact-form-widget page-contact-form">

<div class="form">

<form name="contact-form">

Name:<br />

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

Emil address: <span id="required">*</span><br />

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

comment: <span id="required">*</span><br />

<textarea class="contact-form-email-message" cols="25" 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" type="button" value="send" />

<br />

<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>

</form>

</div>

</div>


صورة توضح كيفية تغيير الوضع الي html 


هكذا نكون قد انتهينا من مقالنا اليوم عن كيفية اضافة صفحة اتصل بنا جاهزة لبلوجر مدونات عربية وانجليزية لأي استفسار يرجى الكتابة في التعليقات او على صفحة اتصل بنا