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

الصفحات

آخر الأخبار

كود 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 


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