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

بواسطة -
بسم الله الرحمن الرحيم 
زوار وأعضاء مدونة مدون الكرام لقد شرحت سابقاً فى تدوينة كيف تخصص نموذج إتصال بشكل إحترافى معتمد من بلوجر ولكن وصلتنى تعليقات عديدة عن أن الإضافة لم تعمل بشكل جيد أو بها أخطاء ما مع العلم انها مجربة 100% وانا شخصياً أستخدمها بمدونة مدون لذلك قررت أن آتى لكم بشكل جديد آخر مع شرح التركيب سهل جداً .
1 - علينا أولاً تركيب الاضافة بصورة الاعتيادية نتوجه الى تخطيط ثم أضافة أداة جديدة وختر أضافة أتصل بنا
2 - إختر صفحات / صفحة جديدة فارغة / ثم ضع الماوس على HTML وضع الكود التالى
كود PHP:
<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> ونضيف الكود التالى قبلة
كود PHP:
/* 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; }  
والآن أصبح النموذج مكتمل
تنبيه | لا تقوم بحزف الأداة من العمود الجانبى هى ستختفى


المصدر : مدونة مدون

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

خدمة تصميم الشعارات واللوجوهات مجانآ

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاتة مرحبآ بكم زوار مدونة العالمي  بعد ايقاف الخدمة سابقآ بسبب بعض المدونين الذين كانو يطلبون الشعارات ومن ثم اجد من تجاههم سوء معاملة في طريقة طلب الشعارات قررت ان اقوم بإيقاف الخدمة سابقآ ولكن قد قررت ان اقوم بإرجاعها مرة اخر لسبب واحد فقط هوا ان هناك فعلآ من يستحق المساعدة و الان بوسعكم ان تطلبو شعار خاص لمدونتك حيث ان كل ما عليك هوا ان تضعو رابط مدونتكم في تعليق وماذا تريد ان يكون اسم اللوجو و وصف المدونة  وسوف وانا سوف اقوم بتصميم لوجو احترافي لمدونتكم وكل هذا بدون اية مقابل ** ملحوظه هذه الخدمة مجانية دون اية شروط وبدون ايه مقابل ** وعلي الرغم من ان هذه الخدمة مجانية بإمكانك ان تعتبرها خدمة مدفوعة اي عندما اصمم لك لوجو  ولم ينال اعجابك كل ما عليك هوا اخباري وانا سوف اقوم بعمل ما يناسبك وانا واللهي علي اتم الاستعداد ان اصمم لك ازيد من الف لوجو حتي تحصل علي ما ينال اعجابك برجاء وضع كتابة الالوان التي تريد ان يكون بها اللوجو الخاص بك واذا لم تكتب ايه الوان وقمت بتصميم لوجو لك ولم تعجبك الوانه عليك ايضآ ان تقول لي غير الالوان وسوف يت
قراءة المزيد

skilledup شرح افضل محرك بحث خاص بالدورات والكورسات المجانية والمدفوعة

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاته ,في هذا الموضوع سأقدم لكم محرك بحث خاص بالكلوسات والدورات لذا فإذا كنت ممن يهتمون بالتعلم عبر الانترنت ويهتمون بتحميل وبجديد الدورات الالكترونية فإني اليون قد أتيت لكم بمحرك بحث خاص بالدورات والكورسات التي تقدم علي شبكة الانترنت سواء كانت تلك الدورات او الكورسات تقدم بشكل مجاني او تقدم بشكل مدفوع حيث ان فائدة محرك البحث هذا انه سوف يجلب لك اكبر قدر ممكن من الدورات او الكورسات التي سوف تبحث عنها سواء كانت مجانية او مدفوعة ومحرك البحث هوا skilledup .. اولآ ماذا يختلف Skilled up  عن غيرة من محركات البحث الاخري او ما هوا Skilledup Skilledup   هوا محرك بحث خاص يساعدك حول ما تبحث عنه في ثوان معدودة حيث يوجد به ويستطيع الوصول الي اكثر من 150,000 الف كورس و دورة ,, ومعظم الكورسات التي توجد علي Skilleup   غالبآ ما تكون باللغة الانجليزية ,, وستجد ايضآ بعض الكورسات باللغة الاسبانية والفرنسية وحتي ستجد كورسات باللغة الالمانية ,, وكما ذكرت لكم مسبقآ بأن ليست جميع الدورات والكورسات مجانية بل يوجد منها ما هوا بشكل مدفوع ولكن الحد الاقصي لسعر الدورات
قراءة المزيد

أهمية ثقة الزوار بالمدونة وكيف تحصل علي ثقتهم

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاتة , سأتحدث في هذه المقالة عن الزوار وأهمية الزوار وثقتهم بك وبمدونتك وكيف تحصل وتنال علي ثقة الزوار , حيث ان المدونة بدون زوار لا تساوي شيئآ وان للزوار اهمية بالغة جدآ للمدونة لذا في هذه المقالة سأناقش معكم واوضح لكم كيف تحصلون علي ثقة الزوار حيث إنك من الممكن ان تكون مدونمحترف ومدونتك أيضآ تكون إحترافية ولكن كل ما ينقصك هوا الثقة والتي تتمثل في ثقة الزوار فيك وفي مدونتك وهذا شئ مهم جدآ وعليك ان تعلم ان الثقة هيا شئ مكتسب وليس من الضروري بعد ان تقوم بعمل مدونة علي الفور او سريعآ تقوم بكسب ثقة الزوار والمتابعين فمن الممكن ان تأخذ الثقة هذه ايامآ او اسابيع او حتي شهور وحتي خلال فترة تدوينك دائمآ ما سيوجد زوار جدد ومتابعين جدد عليك ايضآ ان تكسب ثقتهم بك وبمدونتك ,, وحيث اننا لا يمكننا تحديد وقت معين لنعرف متي سيثق بك الزوار ولكن هناك بعض الخطوات الاشياء التي تجذب اليك الزوار ومن الممكن ان يعطوك ثقتهم وإعجابهم بك وبمدونتك وتلك الأشياء والخطوات تتمثل في 1-        تصميم المدونة الشكل العام للمدونة 2-       التنسيق والتنظيم 3-       التميز
قراءة المزيد