اضافة نموذج الاتصال لمدونات بلوجر

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

شكل نموذج الاتصال بعد الاضافة 

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

اضافة نموذج الاتصال كاداة في جانب او اسفل المدونة ::

*- من لوحة التحكم   >>>   تخطيط    >>>   المزيد من الادوات    >>>   نموذج الاتصال

اضافة نموذج الاتصال في صفحة او مشاركة مستقلة كصفحة اتصل بنا ::

*- نقوم باضافة الكود التالى فى احدي المشاركات او الصفحات وعدم تغير اي شئ بالكود


<!-- نموذج الاتصال -->
<div style="background: #F3F3F3; border: 0px solid #C3C3C3; float: left; height: 100%; padding-top: 0px; width: 99%;">
<div class="form">
<form name="contact-form">
<p></p>
الاسم
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
بريد إلكتروني
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
رسالة
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="إرسال" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
<br><center><font face="Arial, Helvetica" size="1"><b>
<a href="https://rydnet.blogspot.com/">رياض بلوجر</a>
</b></font></center>
<!-- نموذج الاتصال -->

عند اضافة نموذج الاتصال بالطريقتين معا سيظهر نموذجين للاتصال عند فتح صفحة اتصل بنا لذا يجب اخفاء نموذج الاتصال المضاف في الاداة عند فتح صفحة اتصل بنا فقط

طريقة اخفاء نموذج الاتصال المضاف في الاداة عند فتح صفحة اتصل بنا ::

1- من لوحة التحكم    >>>  قالب  (احفظ نسخة من القالب من باب الاحتياط)

2- ابحث بواسطة  ctrl+f  عن الكود التالي :

]]></b:skin>

3- نضيف الكود التالي فوقه مباشرة :

#ContactForm1 {display:none;}

ملحوظة مهمة جداً ::  لا يعمل الكود الذى سوف نضيفة فى الصفحات والمشاركات الا بتركيب نموذج الاتصال الاصلى لبلوجر ثم اخفائه او تركة ظاهرا .

تعديل خصائص نموذج الاتصال ::

اللون الازرق:  لو ن خلفية نموذج الاتصال 

اللون الأخضر: لون اطار نموذج الاتصال

اللون الأحمر:  ازاحة نموذج الاتصال الى اليسار  - يمكنك جعله في الوسط (center) او في اليمين (right)-

طريقة أخرى لاضافة صفحة اتصل بنا لمدونة بلوجر

 اضافة صفحة اتصل بنا من موقع آخر غير موقع بلوجر                                    

هذه الاضافة لا تحتاج الى التسجيل بالموقع                                            

المطلوب فقط ادخال بيانات الموقع و البريد الالكتروني                                    

 بالاضافة الى الألوان و الخطوط التي تريدها للصفحة                                     

الاضافة مجانية                                                               

احصل على صفحة اتصل بنا مجانا                                  

rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:

http://rydnet.blogspot.com/2013/11/blog-post_24.html

Paste This HTML Code On Your Page:

<a href="http://rydnet.blogspot.com/2013/11/blog-post_24.html">اضافة نموذج الاتصال لمدونات بلوجر </a>

رابط الاضافة