بسم الله الرحمن الرحيم
زوار وأعضاء مدونة مدون الكرام لقد شرحت سابقاً فى تدوينة كيف تخصص نموذج إتصال بشكل إحترافى معتمد من بلوجر ولكن وصلتنى تعليقات عديدة عن أن الإضافة لم تعمل بشكل جيد أو بها أخطاء ما مع العلم انها مجربة 100% وانا شخصياً أستخدمها بمدونة مدون لذلك قررت أن آتى لكم بشكل جديد آخر مع شرح التركيب سهل جداً .
زوار وأعضاء مدونة مدون الكرام لقد شرحت سابقاً فى تدوينة كيف تخصص نموذج إتصال بشكل إحترافى معتمد من بلوجر ولكن وصلتنى تعليقات عديدة عن أن الإضافة لم تعمل بشكل جيد أو بها أخطاء ما مع العلم انها مجربة 100% وانا شخصياً أستخدمها بمدونة مدون لذلك قررت أن آتى لكم بشكل جديد آخر مع شرح التركيب سهل جداً .
1 - علينا أولاً تركيب الاضافة بصورة الاعتيادية نتوجه الى تخطيط ثم أضافة أداة جديدة وختر أضافة أتصل بنا
2 - إختر صفحات / صفحة جديدة فارغة / ثم ضع الماوس على HTML وضع الكود التالى
<form name="contact-form">
الاسم
<input id="ContactForm1_contact-form-name" name="name" size="30"
type="text" value="" />
البريد الإلكتروني <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="30"
type="text" value="" />
الرسالة <span style="color: red; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email
-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit"
type="button" value="إرسال" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
/* mdwanblog */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>
ملحوظة هامة يجب التأكد من إختيار هذة الأسطر أثناء إنشاء الصفحة مثل الصورة التالية
3 - الآن مع إضافة كود الـ css نبحث عن الكود ]]></b:skin> ونضيف الكود التالى قبلة
/* mdwanblog */
#ContactForm1{
display:none;
}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width: 300px;
height:auto;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
}
#ContactForm1_contact-form-name:focus,
#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-message:focus{
background: #fffff7;
}
#ContactForm1_contact-form-email-message{
width: 450px;
height: 175px;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
font-family:Arial, sans-serif;
}
#ContactForm1_contact-form-submit {
width: 101px;
height: 35px;
float: right;
color: #FFF;
padding: 0;
margin: 10px 0 3px 0 0;
cursor: pointer;
background: #5E768D;
border: 1px solid #556f8c;
border-radius:3px;
}
#ContactForm1_contact-form-submit:hover {
background:#435c74;
}
#ContactForm1_contact-form-error-message,
#ContactForm1_contact-form-success-message{
width: 450px;
margin-top:35px;
}
والآن أصبح النموذج مكتمل
تنبيه | لا تقوم بحزف الأداة من العمود الجانبى هى ستختفى
الاضافة مش شغاله
ردحذفاخى شغالة 100% وعامل معاينة على نفس الخطوات انت أكيد بتنفذ خطوة غلط
حذفشووف اخي سويته ثاني مره :: http://mukallatomorrow.blogspot.com/p/blog-page_19.html
ردحذفبس ماظهرت ليش ؟؟
أنت تقوم بتفيذ خطوة ما خطأ نفس الخطوات التى توجد بالمعاينة هى نفس الخطوات الموجودة بالشرح
حذفأشكرك أخى ممكن توضح أكثر بالنسبة لطلبك
ردحذفتقديري مرّة أخرى على بهاء و سرعة الردّ و زيارة الزمن الجميل ...
ردحذف-
كانت مواضيع المدونة تظهر عنوان التدوينة + وصف موضوعها + اسم المدونة
ثمّ أردت ربط المدونة بقوقل + و إضافة صورة الكاتب جنب الموضوع
لكن تراجعت عن هذا ، و ألغيت ارتباط المدونة بقوقل بلس
صار عندي الروابط ، روابط المواضيع تطلع في بحث قوقل لكن بلا وصف ( وصف موضوع التدوينة )
ممّا يصعّب ظهور التدوينات و تفقد مراكزها الأولى ،،،
جرّبت بعض الأكواد التي تعالج هذا الخطأ ، لكن لم تأت بنتيجة ، هل لك دراية بكود أو ما شابه لإصلاحه؟؟
شكرا على روعتك و تطوّعك
هل قمت بتغير القالب او بتعديل الوصف والكلامات الدلاليه
ردحذفأهلا ، صديقي
ردحذفلقد بعثت لك جزء من قالب المدونة عن طرق ( رسائل الإتصال ) أرجو مراجعته و تنقيته و إضافة ما تراه ضروريا لحلّ المشكل ،،، تقديري و كثيرا من الشكر
http://zaman-jamil.blogspot.com/
أين لم يوصلنى شئ
ردحذفصديقي : أعدت بعث جزء القالب عن طريق (تواصل معنا ) لمدونتك + عن طريق البريد الإليكتروني
ردحذفشكرا على الإعتناء
أخى بالنسبة لكود النموذج رأيته وليس به أى مشكله
حذفاخى هذا ليس هو النموذج التى بالتدوينة هل غيرته ؟
ردحذفالسلام عليكم انا نفذت الخطوات لكين النموذج لم يظهر لوسمحت حسابك اللبي علي الفيس بوك للتواصل
ردحذفتفضل أخى رابط حسابى على الفيس بوك https://www.facebook.com/hady.mana
حذفشرح وافى ورائع جداااا
ردحذفتم تركيب الاضافه بنجاح ولكن هناك مشكله
عندما ترسل رساله لا يتم ارسالها ما الحل [-(
هل قمت بحزف الأداة من التخطيط بعد تركيبها ؟
حذفاول شئ شكرا على الرد السريع
حذففعلا الاضافه كانت محذوفه وتم اضافتها مره اخرى ولكن ظهرت مشكله جديده وهى عند ارسال رساله مهما كان حقل الرساله ممتلئ بالكلام يقول لى
لا يمكن ترك حقل الرساله فارغا
اكيد لا يتم ارسال الرسالة . اتعلمون لمَ؟
حذفلأنه لان الأكواد المكتوبة مافيها كود تكتب فيه ايميل المتلقي ؟
يعني ايميل الادارة التي تستلم رسائل الزائرين ؟
وهذا الكود يتطلب سرفر يدعم ارسال رسائل وليس فقط كود .
شكرا لك ع الشرح بس عندي استفسار
ردحذفهستلم ازاي رسائل الزوار لو حد بعتلي
ياريت توضيح وشكرا
عن طريق جميل أخى
حذفكلة تمام وعملت زى ما قلت بالحرف بس للاسف لما اضغط على زر الارسال ما يرسلشى الرسالة
ردحذفأين أجد css
ردحذفأظن أن الاضافة حصل لها تحديث ولم تعد الطريقة مجديه
اليس كذلك