بلوجر » كيفية انشاء صفحة اتصل بنا بلوجر - اضافة صفحة اتصل بنا لمدونة بلوجر - الدرس 6

كيفية انشاء صفحة اتصل بنا بلوجر - اضافة صفحة اتصل بنا لمدونة بلوجر - الدرس 6

آخر تعديل في 2021-12-26 بواسطة Rami .M
انشاء صفحة اتصل بنا,صفحة اتصل بنا,اتصل بنا,صفحة اتصل بنا بلوجر,اتصل بنا بلوجر,صفحة اتصل بنا جاهزة,كيفية انشاء صفحة اتصل بنا,طريقة انشاء صفحة اتصل بنا في مدونة بلوجر,عمل صفحة اتصل بنا,كود اتصل بنا,طريقة انشاء صفحة اتصل بنا,خاصية اتصل بنا لمدونة بلوجر,صفحة اتصل بنا احترافية,اضافة صفحة اتصل بنا لمدونة بلوجر,اضافة صفحة اتصل بنا,اضافة اتصل بنا بلوجر,نموذج اتصل بنا بلوجر,نمودج اتصل ينا

ستناقش هذه المقالة كيفية انشاء صفحة اتصل بنا لمدونة بلوجر بنموذج بنقرة واحدة. الأداة المتوفرة هنا ستنشئ صفحة اتصل بنا بنقرة واحدة. يجب عليك نسخ كود HTML ولصقه في صفحة اتصل بنا في مدونة بلوجر.

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

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

شاهد الفيديو اولاً وتابع الشرح:

انشاء صفحة اتصل بنا بلوجر

يمكنك انشاء صفحة اتصل بنا بلوجر ، إنه بسيط للغاية ولا يتطلب خبرة فنية. اتبع فقط الخطوات المعطاه ادناه.

انتقل إلى لوحة تحكم مدونة بلوجر > حدد المدونة > تنسيق

أضف نموذج الاتصال إلى الشريط الجانبي للمدونة

ملاحظة : يلزم إضافة نموذج الاتصال إلى مدونتك حتى يعمل نموذج الاتصال هذا على صفحة اتصال بنا في مدونة بلوجر . إذا لم تقم بإضافة نموذج اتصال وتحديد خانة الاختيار "إظهار نموذج الاتصال" ، فلن يعمل نموذج الاتصال.

إخفاء نموذج الاتصال في الشريط الجانبي للمدونة

سنخفي نموذج الاتصال في السايد بار في مدونة بلوجر باستخدام كود CSS. تحتاج إلى اتباع الخطوات لإخفاء أداة نموذج الاتصال من الشريط الجانبي للمدونة.

  1. انتقل إلى المظهر > انقر فوق السهم بجانب تخصيص> تعديل HTML
  2. ابحث عن الكود التالي
]]></b:skin>

إليك كيفية البحث باستخدام بلوجر HTML.

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

3. الصق كود CSS التالي فوقه مباشرة.

div#ContactForm1{display: none !important;}

تحقق من لقطة الشاشة حول كيفية تنفيذها.

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

4. الآن ، انقر فوق الرمز الحفظ لحفظ التغييرات.

بعد الانتهاء من جميع الخطوات المذكورة في النقطة الثالثة. سيكون نموذج الاتصال الخاص بك موجودًا في الشريط الجانبي ولكنه لن يكون مرئيًا لزائر المدونة.

بعد ذلك ، انتقل إلى قسم الصفحات

انقر على أيقونة إنشاء صفحة جديدة.

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

الصق كود 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="email" 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>

تحقق من لقطة الشاشة التالية

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

افتح الصفحة في متصفح الويب الخاص بك وتحقق مما إذا كانت الصفحة تعمل بشكل صحيح ويمكن للمستخدمين إرسال رسائل إليك.

انتقل إلى قسم الصفحات وانقر على أيقونة العين لعرض صفحة اتصال بنا.

ستبدو صفحة الاتصال بنا الخاصة بـ Blogger مشابهة لهذا المثال.

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

اقرأ ايضاً :

الكلمات الأخيرة

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

"لا تقرأ وترحل، ضع بصمتك.. وشاركنا برأيك ..."
** تقديرًا لجهودنا ودعمًا للموقع.. يرجى مشاركة المقال عبر أزرار المشاركة الاجتماعية بالأسفل **

أحدث المقالات

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

تم تصميم الموقع بواسطة منشئ الصفحات Oxygen Builder بشكل كامل.
لطلب خدمة تصميم الموقع تواصل معنا من الزر بالإسفل
خدمة تصميم الموقع
منتجات أوصي بها
إشترك فى قناتنا على يوتيوب ليصلك كل جديد
جميع الحقوق محفوظة لـ نور للمعلوماتية © 2021
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram