الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
وهذه الإضافة من نموذج الإتصال هي التصميم الإفتراضي ومن يود أشكال عصرية فليتابع تدوينة اضافة خاصية اتصل بنا منزلقة أو إضافة نموذج الإتصال منبثقة V1 كذلك اضافة خاصية اتصل بنا منبثقة V2
1. اذهب الى التخطيط وقم باضافة نموذج اتصال فى الشريط الجانبى " السايدبار "
2. من داخل القالب ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه
#ContactForm1 {display:none;}
3. انتقل الى قسم الصفحات واضغط على صفحة جديدة ضع في العنوان Contact (يمكنك تغييره للعربية بعد أن تنشر الصفحة)
4. انتقل من وضع تأليف الى HTML وضع الكود التالى
<form name="contact-form">
الاسم الكريم
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
البريد الإلكتروني <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
الرسالة <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</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 scoped="" type="text/css">
#comments {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;width: 100%;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px 0;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;resize:none;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{float:left;background:#0099CC;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#2A2B2B;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
.post-body input {width:initial;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>
6. اضغط على نشر وقم بعرض الصفحة لترى النتيجة
اذا واجهتك مشكلة فراسلنا عبر صندوق التعليقات بالاسفل
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
اضافة مهمة وجميلة جدا , استمر بأبداع
ردحذف@عمر ون شكرا لك
حذفمشكور يا ملك علي الموضوع
ردحذفشكرا لتعليقك
حذفاخي حسام ، بخصوص قالب صحافة 2 . رابط الموضوع : http://goo.gl/B4Uj4u .
ردحذفاضفت اليه تعليقات ديسكس و نجحت العملية .
لكن المشكلة ان التعليقات تظهر في التبويب الخاص بتعليقات فيسبوك .
كما ترى في الصورة :
http://www.m5zn.com/newuploads/2016/03/21/png//5ba0a667fa866d6.png
هل اضفت التعليقات من شرحنا؟ لأن القالب فعلا يحتوي على تعليقات ديسكس ويمكنك أن تخفي تعليقات بلوجر وفيسبوك لذا ان كنت اضفت التعليقات فاحذفها ثم اتجه الى التخطيط وحرر اداة رسائل المدونة الإلكترونية ثم ضع في خانة التعليقات Disqus للمزيد من الشرح افتح ملف index المرفق مع القالب
حذف* وارجو منك في المرة المقبلة أن تضع التعليق في مكانه المناسب (تدوينة القالب) وشكرا
لم افهم شيء
حذفاين استقبل الرسائل ؟؟؟؟؟؟
ردحذفعلي بريدك الالكترونى على " Gmail "
حذفمشكوووووور ياغالى
ردحذف@علاء إبراهيم ، شكرا لتعليقك
حذفالسلام علبكم ورحمة الله وبركاتة
ردحذفس 1/ عندي مشكلة في نموذج الاتصال في بلوجر لايستقبل الرسائل على الايميل
س 2/ هل استطيع اظافة خانات اخرى للنموذج
مثال رقم الجوال او الموقع ....
والف شكر على المواضيع الرائعة
عليكم السلام
حذف1. بخصوص عدم استقبال الرسائل على Gmail فالمشكلة انك لم تقوم باضافة نموذج اتصال فى الشريط الجانبى " السايدبار " او هناك مشكلة بالقالب الذي تستخدمه
2. تسطيع اضافة الجوال والموقع باضافة الكود التالي اسفل الاسم او البريد الالكترونى
الجوال <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</span>
<input id="ContactForm1_contact-form-mob" name="email" size="30" type="text" value="" />
الموقع <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</span>
<input id="ContactForm1_contact-form-blog" name="email" size="30" type="text" value="" />
اسف بس عندى سوأل خارج التدوينة ودخلت ركن الاسئلة لقيت مكتوب انه مغلق هواطلبات اعلانات جوجل ادسنسن بيقبلوها فى مدة قد ايه 6 شهور ولا اقل
ردحذفتفضل بالدخول الى صفحة اتصل بنا ، واعرض سؤالك
حذفhttp://www.ar1web.com/p/contact-us.html
ممكن كود رسالة "عذرا فصاحب المدونة غير متواجد هذه الفترة"
ردحذفالسّلام عليكم
ردحذفاضفت نموذج الاتصال المقترح من بلوغر دون ادراجه ضمن صفحة ثابتة و بالفعل العملية بسيطة و لكن المشكل انّي لا استقبل الرّسائل على الايميل الذي سجّلت به فارجو ان ترشدني الى حل
و شكرا
عليك بتغيير قالبك ، لتواجد كود css فى القالب الاصلى ، عليك بحذفه من داخل القالب او تغيير القالب
حذفالسلام عليكم اخي عملت مثل الخطوات ويظهر لي تم ارسال الرسالة ولكن عندما اذهب لجيميل لا اجد اي رسالة وانت ذكرت في التعليق السابق ان السبب هو كود في css هو السبب فممكن تشرح كيف نيل هذا الكود ارجوك
ردحذفشكرا على الرّد أخي العزيز بالنّسبة للقالب لقد تعبت في تصميمه بعد مشاهدة أكثر من 250 دقيقة يوتوب
ردحذفلذلك لا اريد تغييره و حتّى قمت بتجربة مدونة جديدة بايميل جديد و بقالب افتراضي من غوغل و وضعت
نموذج الاتصال و ارسلت رسالة فلم تصلني ... فلو تكرّمت أخي اريد أن أضيفك كمشرف لتصلح الخلل
و شكرا
ضعنى مشرف فى المدونة التى تريد وضع النموذج بها
حذفal7otwebinfo@gmail.com
أوّلا بارك الله فيك
ردحذفثانيا لقد قمت بدعوتك و أنتظر فقط موافقتك
أنا في انتظارك أخي الكريم
ردحذفتم قبول الدعوة ، ضعنى مشرف
حذفالسّلام عليكم هل تنجز لي مدوّنة من الالف الى الباء يعني فيها ارشفة و مهياة لجميع محركات البحث و فيها rss و مرتبطة بصفحة الفايسبوك و تويتر و يوتوب مقروءة من الجوّال يعني مكتملة و مقبولة من ادسنس و لا تتطلب الا وضع تدوينات
ردحذفاذا كنت مستعدّ لذلك اتصل على imed.kr@gmail.com
أو الفايسبوك https://web.facebook.com/garoui.imed
اذا قبلت ذلك أخبرني عن الثّمن و طريقة الدّفع
أرجو أن لا تظهر التعليق و أجبني في كل الأحوال
تعقيبا على الرّد السّابق أنت الآن مشرف في المدوّنة
ردحذفو هي مليئة بالأخطاء هل تعيد صياغتها كما قلت لك سابقا
مقابل ثمن معقول
بارك الله فيك
ردحذفبعد اذنك انا عملت كل حاجه وتابعت الخطواط خطوه بخطوه وفي الاخر مش عارف بتظهر فين ولا اجيبها منين
ردحذفعندما اضغط على زر الارسال لا يعمل
ردحذفشكراً لك أخي ((((متابع قديم منذ شهر 3 2015))))
ردحذفلقد حدث خطا
ردحذفعندما ذهبت لرؤية نموذج الاتصال فى المدونة لا يمكن الضغط على البريد الالكترونى او الرسالة
oui moi aussi j'ai le même problème
ردحذفالف شكر
ردحذفالسلام عليكم
ردحذفهناك سؤال خاص بلون النص الخاص بالحقول المطلوبة في الصفحة
لونها هو نفس الخلفية
كيف يمكنني تغير لون النص ؟
أخي عندما أضغط على ارسال لا يضغط
ردحذفاضافه جميله جدااااااا استمير انت مبدع
ردحذفأخي عندما أضغط على ارسال لا يضغط وعندما اضغط على كتابة الاسم او الايميل او الرسالة لا يظهر عمود الكتابة و لا يكتب
ردحذفأخي الرسالة لا ترسل
ردحذفthank you
ردحذفالسلام عليكم
ردحذفأخي أريد أن أضع أتصل بنا بالمدونة من أعلي!!
فكيف!!؟
شكرا
ردحذفشكرا
ردحذفاخي طبقت كل الخطوات وزر ارسال لايعمل
ردحذفالو السلام عليكم خلاص عرفت كيف اجيب نموذج الاتصال بس ما ينكتب شي
ردحذفتبي تعرف المشكلة ادخل مدونتي وشوف http://qmafia0.blogspot.com/
شكرا جزيلا ~ تمت الأستفادة :)
ردحذف