بسم الله الرحمن الرحيم
زوار وأعضاء مدونة مدون الكرام لقد شرحت سابقاً فى تدوينة كيف تخصص نموذج إتصال بشكل إحترافى معتمد من بلوجر ولكن وصلتنى تعليقات عديدة عن أن الإضافة لم تعمل بشكل جيد أو بها أخطاء ما مع العلم انها مجربة 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;
}
والآن أصبح النموذج مكتمل
تنبيه | لا تقوم بحزف الأداة من العمود الجانبى هى ستختفى
21 تعليق على { تخصيص نموذج إتصل بنا بشكل جديد لبلوجر }
18 أكتوبر 2013 في 4:31 ص [حذف]
الاضافة مش شغاله
18 أكتوبر 2013 في 4:38 ص [حذف]
اخى شغالة 100% وعامل معاينة على نفس الخطوات انت أكيد بتنفذ خطوة غلط
20 أكتوبر 2013 في 2:33 ص [حذف]
أنت تقوم بتفيذ خطوة ما خطأ نفس الخطوات التى توجد بالمعاينة هى نفس الخطوات الموجودة بالشرح
5 نوفمبر 2013 في 2:34 ص [حذف]
شكري و تقديري لإفادة رائعة ،،، شكرا للشرح المبسّط ، و تحياتي لثقتك بما تنشر !
لو سمحت هل من حلّ لهذه المشكلة ( و راسلني على نموذج الاتصال بمدونتي ههه)
عندي إشكال غياب توصيف موع التدوينات في قوقل بعد أن جرّبت قوقل + ثم تراجعت عنه ، جرّبت كثيرا من الأكواد لكن لم أنجح ،،، و اجرك على الله
http://zaman-jamil.blogspot.com/
صاحب الزمن الجميل
5 نوفمبر 2013 في 3:01 ص [حذف]
أشكرك أخى ممكن توضح أكثر بالنسبة لطلبك
5 نوفمبر 2013 في 3:08 ص [حذف]
تقديري مرّة أخرى على بهاء و سرعة الردّ و زيارة الزمن الجميل ...
-
كانت مواضيع المدونة تظهر عنوان التدوينة + وصف موضوعها + اسم المدونة
ثمّ أردت ربط المدونة بقوقل + و إضافة صورة الكاتب جنب الموضوع
لكن تراجعت عن هذا ، و ألغيت ارتباط المدونة بقوقل بلس
صار عندي الروابط ، روابط المواضيع تطلع في بحث قوقل لكن بلا وصف ( وصف موضوع التدوينة )
ممّا يصعّب ظهور التدوينات و تفقد مراكزها الأولى ،،،
جرّبت بعض الأكواد التي تعالج هذا الخطأ ، لكن لم تأت بنتيجة ، هل لك دراية بكود أو ما شابه لإصلاحه؟؟
شكرا على روعتك و تطوّعك
5 نوفمبر 2013 في 3:21 ص [حذف]
هل قمت بتغير القالب او بتعديل الوصف والكلامات الدلاليه
6 نوفمبر 2013 في 11:06 ص [حذف]
أين لم يوصلنى شئ
6 نوفمبر 2013 في 12:29 م [حذف]
صديقي : أعدت بعث جزء القالب عن طريق (تواصل معنا ) لمدونتك + عن طريق البريد الإليكتروني
شكرا على الإعتناء
7 نوفمبر 2013 في 10:39 م [حذف]
السلام عليكم اخى
تم تنفيذ كل الخطوات اللى فوق ولاكن كل حاجة تمام و لما اضيف البيانات واضغط على زر ارسال ميحصلش حاجة ارجو التوضيح و لو عايز تشوف بنفسك الرابط اسفل
http://nogomsinasport.blogspot.com/p/blog-page_6756.html
8 نوفمبر 2013 في 5:27 ص [حذف]
اخى هذا ليس هو النموذج التى بالتدوينة هل غيرته ؟
8 نوفمبر 2013 في 5:43 ص [حذف]
أخى بالنسبة لكود النموذج رأيته وليس به أى مشكله
15 نوفمبر 2013 في 4:19 ص [حذف]
السلام عليكم انا نفذت الخطوات لكين النموذج لم يظهر لوسمحت حسابك اللبي علي الفيس بوك للتواصل
21 نوفمبر 2013 في 10:01 ص [حذف]
شرح وافى ورائع جداااا
تم تركيب الاضافه بنجاح ولكن هناك مشكله
عندما ترسل رساله لا يتم ارسالها ما الحل [-(
21 نوفمبر 2013 في 3:36 م [حذف]
هل قمت بحزف الأداة من التخطيط بعد تركيبها ؟
22 نوفمبر 2013 في 3:49 ص [حذف]
اول شئ شكرا على الرد السريع
فعلا الاضافه كانت محذوفه وتم اضافتها مره اخرى ولكن ظهرت مشكله جديده وهى عند ارسال رساله مهما كان حقل الرساله ممتلئ بالكلام يقول لى
لا يمكن ترك حقل الرساله فارغا
10 يناير 2014 في 4:18 م [حذف]
شكرا لك ع الشرح بس عندي استفسار
هستلم ازاي رسائل الزوار لو حد بعتلي
ياريت توضيح وشكرا
19 يناير 2014 في 12:18 م [حذف]
عن طريق جميل أخى
26 فبراير 2014 في 2:49 ص [حذف]
اكيد لا يتم ارسال الرسالة . اتعلمون لمَ؟
لأنه لان الأكواد المكتوبة مافيها كود تكتب فيه ايميل المتلقي ؟
يعني ايميل الادارة التي تستلم رسائل الزائرين ؟
وهذا الكود يتطلب سرفر يدعم ارسال رسائل وليس فقط كود .
10 مارس 2014 في 6:58 ص [حذف]
كلة تمام وعملت زى ما قلت بالحرف بس للاسف لما اضغط على زر الارسال ما يرسلشى الرسالة
16 مارس 2014 في 4:49 ص [حذف]
أين أجد css
أظن أن الاضافة حصل لها تحديث ولم تعد الطريقة مجديه
اليس كذلك
هل تريد التعليق على التدوينة ؟