رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 
قديم 01-23-2013, 04:44 PM   #1
tarik
مدون جديد
 
تاريخ التسجيل: Oct 2012
المشاركات: 16
Wink إضافة نموذج اتصل بنا لبلوجر !!

أنا : tarik




شيء مهم جدا ، لأي موقع ناجح ، أن يكون هناك وسيلة للتواصل بين صاحب الموقع وزائريه.
تستطيع ان تضع بريدك الالكتروني في الموقع ليتم التواصل عبره ، لكن ذلك يتضمن الكثير من المساوئ ، منها كشف سرية بريدك الالكتروني للجميع ، وتعرضه لرسائل الدعايا المزعجة المعروفة بـ"السبام" spam.

ولذلك تجد أكثر وسيلة ناجحة للتواصل هي ما يعرف بنماذج "اتصل بنا"
هذا هو مثال لذلك النموذج للمعاينة:
اتصل بنا
وللحصول على نموذج مثله مجاني إليك الخطوات:

أولا: التسجيل في موقع مجاني يقدم خدمة اتصل بنا:
1- ادخل على الموقع التالي:
http://www.freedback.com
2- قم بالضغط على creat a free form now


3- قم بادخال بيانات حسابك الجديد كما بالصورة:
الاسم - البريد الالكتروني الذي تود استلام الرسائل عليه - كلمة السر - تأكيد كلمة السر


4- الآن قمت بتسجيل حسابك بنجاح ، ستصلك رسالة لتفعيل الحساب على بريدك الالكتروني ، قم بالضغط على الرابط بها للتفعيل.

ثانيا: تهيئة شكل النموذج وضبط اعداداته:
1- بعد تفعيل حسابك قم بتسجيل الدخول بكتابة بريدك الالكتروني ، وكلمة السر.
2- الان سيظهر لك صفحة تهيئة النموذج
يمكنك من خلال هذه الصفحة اضافة الحقول التي ستطلب من الزائر أن يملأها عند الاتصال بك
ستجد حقلين جاهزين مضافين هما حقل : الاسم Name ، وحقل البريد الالكتروني: Email address
وستجد بجانب كل حقل 4 أزرار ، زر التعديل edit وزرين لتحديد مكان الحقل ، وزر حذف الحقل delete


3- سنقوم بتعديل الحقل الاول name بالضغط على edit كما بالصورةالسابقة.

4- يمكنك الآن تغيير عنوان الحقل ، وجعل الحقل الزامي على الزائر لادخاله

اضغط save لحفظ التعديلات.
5- قم بتعديل الحقل الثاني وغيره من Email Address إلى بريدك الالكتروني.
6- الان سنضيف حقل ثالث وهو سيكون محتوى الرسالة ، اضغط على add queastion أسفل الحقل الثاني ، ثم اختر long answer كما


7- اكتب عنوان الحقل الجديد في الفراغ وليكن "محتوى الرسالة" وعلم على required ثم اضغط save كما بالصورة:


8- بعد تعديل الحقول جميعا، اضغط على continue للانتقال للخطوة التالية.

9- الصفحة التالية بها اعدادات متقدمة ، لن نحتاج منها سوى اثنين فقط (بقية الاعدادات غير مجانية)
الاعداد الأول هو صفحة التحويل ، بمعنى أنه بعد انتهاء الزائر من ارسال رسالته والتأكيد على أنه تم ارسالها سيتم تحويله إلى صفحة أنت تحددها ، وليكن للصفحة الرئيسية لمدونتك ،

الاعداد الثاني هو ادخال بريدك لتصلك الرسائل عليه ، ضع علامة صح بجانب Email

سيظهر لك خانتين ، اكتب في الاولى بريدك الالكتروني ، وفي الثانية موضوع الرسالة التي ستصلك وليكن "رسالة من أحد زوار مدونتك"


8- اضغط continue للانتقال للخطوة التالية.

ثالثا: الحصول على الكود ووضعه في مدونتك:
الان ستظهر لك صفحة بها كود نموذج "اتصل بنا" الذي أنشأته ، قم بنسخ الكود ، وسنقوم بوضعه في مدونتك ، لكن يجب أولا انشاء صفحة باسم اتصل بنا في المدونة لنضع بها الكود.
1- ادخل على مدونتك
2- من تبويب إرسال أو "posting" اضغط على "صفحات التحرير" أو edit pages ، ثم أضف صفحة جديدة

3- قم بتسمية الصفحة "اتصل بنا" ، ثم قم بالضغط على تحرير html وأضف الكود الذي نسخته سابقا كما بالصورة.

ثم اضغط نشر الصفحة.

مبروك حصلت على صفحة اتصل بنا ، قم بوضع رابط لها في الصفحة الرئيسية لتتيح للزوار وسيلة آمنة فعالة للتواصل.

(تحديث): لتغيير زر الإرسال إلى اللغة العربية:
ابحث في الكود على العبارة التالية : Submit Form وضع مكانها عبارة إرسال الرسالة

(تحديث2) : لجعل رسالة تأكيد الإرسال تفتح في صفحة جديدة بعد ضغط زر الارسال اتبع التالي:
ابحث في نهاية الكود عن السطر التالي:
<input type="submit" value=" Submit Form " />
واستبدله بالسطر التالي:
<input type="submit" onclick="this.form.rel="nofollow" target='_blank';return true;" value=" Submit Form " />

الدعم العربي

tarik غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 01-24-2013, 05:28 PM   #2
tknoweb
مدون جديد
 
تاريخ التسجيل: Sep 2012
المشاركات: 27
افتراضي رد: إضافة نموذج اتصل بنا لبلوجر !!

أنا : tknoweb




شكرا على الشرح ولكن يمكن اضافة اتصل بنا مع تصميم نموذج خاص بك عن طريق محرر المستندات من جوجل
__________________
مدونتي تكنو ويب
http://tknoweb.blogspot.com/

مدونتي عالم الوظائف
http://w-jobs.blogspot.com/
من مواضيع tknoweb

الدعم العربي

tknoweb غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
لبلوجر, اتصل, إضافة, نموذج


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح إضافه اتصل بنا لبلوجر مدونه عرب زيرو إضافات وأدوات بلوجر 15 07-22-2013 12:53 PM
هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر luqmanessam دروس بلوجر 6 05-25-2013 12:36 PM
إضافة صفحة الخطأ 404 لبلوجر chhibo إضافات وأدوات بلوجر 3 04-09-2013 07:56 PM
نموذج المراسلة من JotForm لبلوجر و ووردبريس Ridamag إضافات وأدوات بلوجر 4 09-11-2012 08:51 AM
درس عمل نموذج اتصال في مدونتك ؟ او طريقة اضافة نموذج( اتصل بي - الاتصال بنا -راسلني) الزعيم دروس بلوجر 3 07-08-2012 11:29 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 06:20 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)