طريقة اضافة صفحة التواصل (contact me) + صفحة ( about me ) | سلسلة التدوين

Thursday, December 22, 2016





مساء / صباح السعادة 

كنت ناوية اشرح كل صفحة لوحدها بس بعدين قررت احطهم مع مع بعض لانهم تقريباً نفس الشي ، قبل لا ابدأ الشرح حابة اشكر البنات الي يكتبوا لي انه شروحاتي فادتهم ما تتصورا قد ايش افرح لمى تقولوا لي انكم استقدتوا 💗 لانو انا مريت بالهشي اول ما سويت المدونة كنت ابغى اتعلم اشياء كثير لاني ما كنت اعرف بس للاسف نادر الاقي شي بالعربي 💔 المهم يلا نبدأ موضوعنا ...

الخطوة الأولى كيف اسوي صفحة : 

بلوجر ← الصفحات ← صفحة جديدة . 





إذا تبغي تسوي صفحة ( عني ) اكتبي العنوان الي تبغيه و تحت الكلام الي حابة تكتبيه و بعدين سوي نشر نفس طريقة كتابة تدوينة و بعدين هي تنحط تلقائي في قائمة المدونة إذا حابة هذي تدوينة فيها شرح قائمة المدونة و كيف تسوي أقسام فيها هنا .




نجي دحين لصفحة التواصل في لها طريقتين :
١- تنضاف كصفحة .
٢- تنضاف في سايد بار او الأداة الذكية  المدونة ( widget ) في المدونة .

١- اضافة صفحة التواصل :

نفس خطوات صفحة about me اكتبي العنوان مثلاً تواصلي معي أو للتواصل أو أي شي بعدين شايفين المستطيلين الي مكتوب عليها تأليف و HTML هوا حيكون على التأليف حطيه على HTML و انسخي هذا الكود 👇👇

<form name="contact-form">
<div class="fm_name">
الاسم | Your Name:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="40" type="text" value="" /></div>
<div class="fm_email">
البريد الالكتروني| E-mail Address *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="40" type="text" value="" /></div>
<div style="clear: both;">
</div>
<div class="fm_message">
&nbsp;الرسالة | Message *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />

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



و بعد ما تحطيه ارجعي لتأ ليف  راح يطلع لك زي الصورة 👇👇



٢- اضافة الفورم عن طريق الأداة الذكية : 

التخطيط ← إضافة أداة ← نموذج الاتصال ← إضافة ( المربع الأزرق ) .





إذا ما لقيتوا نموذج الاتصال في الأساسيات حيكون في المزيد من الأدوات  .





في النهاية كذا حيكون شكله . 





انتهى ، اتمنى انه يفيدكم 💗 .

 اكتبوا لي في الكومنت اذا استفدتوا و إذا طبقتوا ارسلوا رابط مدوانتكم 😊💗 .




تابعيني على شبكات التواصل الاجتماعي : 






7 comments:

  1. ماشاء الله ، جهود جبارة لولا
    سلسلة مفيدة وبتفيد الجميع اتمنى ماتوقفين هالسلسه
    يعطيك العافيه

    ReplyDelete
  2. يعطيج العافية لولا ع الجهدّ الجميل؛
    الشرح جداً واضح، وبيفيد المُبتدئات💕.

    ReplyDelete
  3. ما تصدقين قد ايش استفدت من هاذي السلسله يعطيك العافيه لا توقفينها جدا مفيده❤❤

    ReplyDelete
  4. حبيت شرحك كثير بسيط وسهل مو معقد ❤️

    ReplyDelete
  5. شكرا لك على الشرح ، مدونة رائعة ،د

    ReplyDelete