الجمعة، 23 أكتوبر، 2009

كيف تقوم بعمل نموذج اتصال في مدونتك ؟ او طريقة اضافة نموذج ( اتصل بي - الاتصال بنا - راسلني ) للمواقع ومدونات بلوجر :

قراءة للموضوع

بسم الله الرحمن الرحيم




الحمد لله والصلاة والسلام على رسول الله أما بعد،،،
اليوم إن شاء الله سوف أقدم لكم موقع يقدم نماذج Contact Form ( اتصل بي - الاتصال بنا - راسلني ) وهو موقع EmailMeForm الذي يوفر خدمة مدفوعة بمزايا إضافية وأخرى مجانية محدودة والتي سنتسفيد منها بإذن الله .
النموذج المقدم من طرف هذا الموقع مثل سابقه (مؤمن عن طريق خاصية التحقق الكابتشا) فقط يحتاج إلى إعدادك له وايضا يتميز بإمكانية وصل صفحة خاصة بك عند نجاح الارسال التي نفتقدها في نموذج Kontactr وهي نقطة إضافية له إضافة الى بعض المزايا التي تكتشفها اثناء إنشائك للنموذج.

إليكم الشرح :

أولا: عليك التسجيل في الموقع من هنا ومن ثم تفعيل حسابك عن طريق رسالة تفعيلية مرسلة من طرف الموقع .

أ- كخطوة أولى قم بالدخول الى حسابك على الموقع ومن جهة اليمين تجد عمود تحت Form Builder أنقر على Create a New Form أي أنشئ نموذجا جديدا (كما هو موضح في الصورة -1-)


ب- ننتقل إلى صفحة إدخال معطيات نموذج الإتصال .

علامة * تدل على أن الحقل هام ويجب تعبئته .
قم بإنشاء Thank you page أو صفحة الاستلام أو الشكر على مدونتك كموضوع وانسخ رابط هذه الصفحة في الحقل المخصص له كما هو موضح في الصورة -2- .
يمكنك إضافة أكثر من بريد لاستقبال الرسائل (10 كحد أقصى) مفصولين بفاصلة.


ومن ثم أنقر على Next .

جـ- الآن علينا ضبط إعدادات الحقول التي أدخلنا عددها في مثالنا وهي 5 حقول.

required : إذا إخترت yes فالحقل سيكون مطلوبا لدى المرسل اليك و No غير مطلوبا.
Text Effects : لختيار نوع الخط :مائل/عريض.
لا تنس في الحقل الأخير (الرسالة) ضبطه كي يكون نوعه (Large Text) أو متعدد الأسطر.
الأسماء ،البريد الالكتروني ،العنواين اختر لها (Short Text أي سطر واحد ) في نوع الحقل.


عند الانتهاء من هذه الخطوة أنقر على Next ،تنتقل إلى صفحة يتم فيها ضبط مساحة الحقول في النموذج (أتركها كما هي فيمكن تعديلها في الأخير إن ظهر مشكل في التنسيق ) واصل وأنقر على Next.

د- نأتي إلى خطوة أهم فيها الجزء السفلي كما هو موضح في الصورة -4 -.

غير ما يجب تغييره واترك الباقي كما هو عليه ثم انتقل الى الخطوة الموالية Next.

هـ- قم بالتغيير إن وجد ليوافق الضبط الذي قمت به كما هو موضح في الصورة ثم انتقل إلى الخطوة الموالية Next.


و- هذه الخطوة تعاين فيها نموذج الإتصال الذي قمت بإنشائه وتذكر أنه يككن الرجوع الى الخطوات السابقة (Back) في حال وددت تغيير اي إعداد رأيت أنه لا يلائم .
أنقر فوق إنهاء Finish .

ي- الآن تم الاإنتهاء من إعداد نموذجك.
الموقع يزودك برابط لصفحة الاتصال بك (أنظر الصورة).والأهم أنه يزودنا بكود HTML نموذجنا والذي نحتاجه لإنشاء صفحة الاتصال على مدونتنا.
أنقرعلى Click here أو get the HTML code للحصول على كود النموذج ثم انسخه (copy/copier).



ثانيا : نأتي لأهم جزء وهو إنشاء صفحة الاتصال .
أ- من لوحة التحكم الرئيسية لحسابك على بلوجر أنقر على التبويب : إرسال ،تفتح معك صفحة لإنشاء موضوع (صفحة الإتصال) .

* إن كانت إعدادات مدونتك اللغوية قد ضبطت وفق اللغة العربية فلا مشكل إن شاء الله.

ب- في صفحة الإرسال تجد صندوقا به تبويبين : التأليف وتحرير HTML .
أنقر فوق التبويب تحرير HTML تجد في الصندوق سطرين :

<div dir="rtl" style="text-align: right;">

</div>




ثم قم بلصق (paste/coller) الكود قبل :

</div>

جـ- قم بالمعاينة لأخذ نظرة وتقييم للنموذج و بإمكانك الآن إجراء بعض التغييرات على :
النص الإنجليزي وترجمته إلى العربية ،نوع الخط وهذا بالبحث عن verdana وتغييره إلى Tahoma.

وكي نختم ، من خيارات الرسائل على صندوق إنشاء المواضيع قم بمنع تعليقات القراء و الوصلات الخلفية والآن يمكنك نشر الرسالة.

هنا تطبيق ومثال على النموذج الذي طبقناه
.

انتهى والحمد الله .

لا تنسوا تعليقاتكم ودعائكم لنا بالخير ،،،،

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

27 التعليقات:

10 طرق للحصول علي المزيد من الترافيك مجانا يقول...

بسم الله
أشكرك أخي خالد علي إضافه رابط مدونتي في مدونتك وسأضيف رابط مدونتك في مدونتي لفلي سمالي حلا إن شاء الله وممكن تشوفه فير ركن المواقع الصديقه في مدونه لفلي سمايل
أخوك في الله
علاء عمر
مصر

خالد محمد (ابوخلود) يقول...

شكر لك اخي العزيز صاحب مدونة لفلي سمايل واقولك انني ما اضفت مدونتك الا عندما رأيت مافيها من فائدة عظيمة لكل المدونيين وانا مش من الناس الذين يحبون الاحتكاك ( نفسي نفسي ) بل احب ارشاد الناس الى ماهو اعظم ومفيد ،،،

سرحان يقول...

أشكرك اخي خالد
فقد استفدت فعلا من هذا الموضوع وتم التنفيذ بنجاح ولله الحمد، وعلى فكرة يمكنك التعديل على الكود في تحرير HTML بحيث تجعل الكتابة عند صورة التحقيق باللغة العربية فقد تمكنت من هذا ويمكنك رؤيته في الاتصال بي،
ولا انسى شكرك على ادراج رابط مباشر للمصدر، فثقافة احترام المصدر يجب ان تعم وتنتشر خاصة بالمنتديات، وهذا جعلني أشكر مدونة الطالب هناك ايضا، واسمح لي ان ذكرتك بالخير هناك، لاني فعلا احترم ثقافة ذكر المصدر، وابديت ملاحظتين هناك، حول تحديث الصورة، وعدم التحقق من بريد الراسل بمعنى هل هو فعلا من ارسل الرسالة ام لا،
عذرا للاطالة ولك تحياتي وخالص شكري وتقديري

سرحان يقول...

معك من جديد اخي خالد واتمنى ان لا كون ضيف ثقيل^_^
تمكنت من التعديل على الكود من الموقع، في الخطوة السابعة بتمكين ارسال رسالة إلى الراسل
Send Copy to Sende
حتى يتم التحكم في عدم ارسال رسائل ببريد أخرين...
مرة ثانية أشكرك على استضافتي هنا وعلى افادتك لي
تحياتي

خالد محمد (ابوخلود) يقول...

شكرا لك اخي سرحان ،
بالعكس انت ضيف عزيز وياريت تدلني كيف اقوم بتحويل بتعديل الكتابة الى اللغة العربية عند صورة التحقق في نموذج اتصل بي . منتظر منك الرد السريع والعاجل

سرحان يقول...

أهلا بك اخي خالد
أكتشفت أنه يمكنك عمل تعديل إلى اللغة العربية بكل سهولة، من تأليف بدلا من html لو هناك صعوبة بالتعديل هناك، حيث يمكنك التأشير على الجُمل الإنجليزية وكتابة ما تريد بالعربية،،
اتمنى ان تكون اتضحت ولو تريد المزيد أنا رهن الإشارة بما اعلم..
تحياتي

كنوز يقول...

كيف أجعله في صفحة مستقلة ؟
تنفذت معي جميع الخطوات ولكن عند نشرها أصبحت في الصفحة الرئيسية ؟؟ مع باقي التدوينات ؟
فأنا لا أريده معروض مع التدوينات ؟

خالد محمد (ابوخلود) يقول...

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

خالد محمد (ابوخلود) يقول...

شكرا لك اخي سرحان
فقد اتبعت الطريقة التي اخبرتني بها وتم تعديل كل شي
جزاك الله الف الف الف خييييييييييييير

خالد محمد (ابوخلود) يقول...

اخي سرحان ،،،
ممكن تقولي كيف اقوم بتكبير وتغيير خط التعليقات في هذه المدونة ؟ لانني ارى الخط صغير جدا
عفوا على الازعاج ،،،،،،،،،،
خالد محمد

كنوز يقول...

جزاك الله خير على سرعة تفاعلك وردك
هل بسؤال أخير !
الآن عدد المواضيع التي سوف تظهر في المدونة 7 في الصفحة الرئيسية .
طيب كيف أجعل المواضيع الموجودة في الصفحة الرئيسية لا تظهر كاملة بمعنى يظهر أول جزء من الموضوع ثم يكون فيه ( اقرأ المزيد ) ثم يبدأ الموضوع الثاني وهكذا ...

ولك ألف شكر

كنوز يقول...

>> وهذا آخر سؤال / كيف أضع للمدونة مجموعة بريدية /
أقصد ليصل للزوار جديد المدونة

وجزاك الله ألف خييييييييييييييير

خالد محمد (ابوخلود) يقول...

الاخ / كنوز حياك الله مرة ثانية
بالنسبة لسؤالك الاول هو كيف تجعل المواضيع في الصفحة الرئيسية لاتظهر بشكل كامل بل بجزء من الموضوع يعني ( اقراء المزيد ) انصح بزيارة الرابط التالي لتجد ضالة فيه :

http://arab-editors.blogspot.com/2009/11/blogger.html

خالد محمد (ابوخلود) يقول...

الاخ / كنوز
اما بالنسبة لسؤالك الثاني :
يعني كيف تضع لمدونتك مجموعة بريدية اي ( ليصلك جديد المدونة ) لازم يكون لك حساب او مشترك في google ومن ثم تدخل على موقع التالي :

www.feedburner.com/
بعدها تدخل حسابك
اذا انت مشترك في google سوف اوفيك او اشرح لك الطريقة الكاملة ،،

فتقبل تحياتي !!!

كنوز يقول...

جزاك الله خير
ياحبذا لو تشرحها لأني أخذت طريقة من كذا موقع وتواجهني بعض الأخطاء
فياليت تشرحها بأسلوبك

وأخيراً أهنئك على تميزك وطرحك المبدع
أسأل الله لك التوفيق

خالد محمد (ابوخلود) يقول...

ان شاء الله اليوم سوف تجد طريقة شرح الاشتراك في خدمة feedburner في مدونتناهذه بطريقة كاملة وبدون اي صعوبات لكي تقوم بتفعيل الخدمة البريدية ( ليصلك جديد المدونة ) واي سؤال او اي استفسار نحن مستعدين في اي خدمة او اي اضافة ،،
اطيب الامنيات
خالد محمد

ELMANSY يقول...

اولا ياغالى شكرا على المجهود الاكسر من رائع
بس انا عندى مشكله
اللى انا عايز اتكلم معاك فيها على الاميل
بس المشكله هى ان انا مش عارف اعط الكود على المدونه الخاصه لـــى احطو ازاى مثل صفحة ايزابيل
ارجو ياغالى انك تساعدنى على شان خترى
وارجو ان نتكلم على الاميل الخاص
elmansy@ymail.com

خالد محمد (ابوخلود) يقول...

اخي العزيز ELMANSY
حياك الله واعذرني على التاخير ،، اما عن كيفية وضع الكود في المدونة هي من ( لوحة تحكم المدونة ) تذهب الى صفحة ( ارسال ) يعني وكانك ستقوم بكتابة موضوع ما فيها في هذه الصفحة يوجد فيها ( عنوان الموضوع ) + (رابط عنوان الموضوع ) واسفل يوجد صندوق الرسائل الذي تكتب فيه محتوى كل رسائل المدونة ، طيب خليك معاي هذا الصندوق يتكون من شيئين 1 - التأليف 2 - تحرير HTML . انت اذهب او اضغط مباشرة على تحرير HTML يعني اترك صندوق التأليف لاتكتب شي خليه فارغ بس ماعليك سوى كتابة تصل بي او لاتصال بنا في العنوان فوق فقط اما صندوق المحتوى خليه فارغ ، تذهب الى صندوق تحرير html مباشرة هنا يوجد كود مكون من سطرين كما هو موضح في آخر الموضوع اعلاه طبعا انا وضحت الكود هذا الان لانني نسيتة والله بس انت نبهتني بسؤالك واشكرك ، خلينا في الموضوع قم بنسخ الكود الذي اعطاك اياه الموقع والصقه بينهما كما هو موضح في اخر الشرح . ارجع الى الشرح واتبع الخطوات ،، ومبروووووك عليك

♥ شـــذا ♥ روحــــي ♥ يقول...

مشكور اخي لمجهودك بارك الله فيك

لي سؤال

انا مشيت معاك بالظبط وكلة تمام

كيف اعمل صفحة مخصصة علي الجانب لي يدخل الاصدقاء لعمل رسالة ؟

مثل عند علي الشمال اتصل بي - المحررون العرب

ارجوا الافادة ولك جزيل الشكر

خالد محمد (ابوخلود) يقول...

اختي العزيزة شذا
من لوحة التحكم ادخلي على ( التخطيط ) ثم عناصر الصفحة ثم اضغطي على زر اضف اداة تظهر قائمة الادوات ومنها اختاري اداة النص ثم اكتبي بداخلها ( الصفحة الرئيسية ........ اتصل بي ....... فهرس المدونة . سيرة المدون ) ثم ضللي او حددي بالماوس على كل عنوان من هذه العناوين ثم اذهبي الى اداة اضافة الرابط اللي فوق مباشرة واختاري رابط صفحة كل عنوان اللي انتي عايزاه ..

سمــآ ..~ يقول...

شكراً لك معلمي .."

جزاك الجنان "

shalan يقول...

شكراااااااااااا

مع انه الخيارات بالموقع تغيرت لكنه واضح

الله يجزاك خير

آيمون يقول...

http://alm4.blogspot.com/

مشكوووور

http://alm4.blogspot.com/search/label/%D9%85%D9%88%D8%A7%D9%82%D8%B9%20%D8%A8%D8%B1%D9%88%D9%83%D8%B3%D9%8A%20proxy

http://alm4.blogspot.com/search/label/%D9%85%D8%AA%D9%86%D9%81%D8%B3%D9%89%20%D8%A7%D9%84%D8%AE%D8%A7%D8%B5

http://alm4.blogspot.com/search/label/%D9%82%D8%B5%D8%B5%20%D9%85%D9%81%D9%8A%D8%AF%D9%87

http://alm4.blogspot.com/search/label/%D8%B2%D8%A7%D9%88%D9%8A%D8%A9%20%D8%A7%D9%82%D9%84%D8%A7%D9%85%D9%83%D9%85

http://alm4.blogspot.com/2011/02/thomas-alva-edison.html

loveriver يقول...

جزاك الله خيرا علي المعلومات الرائعه

وننتظر جديدك

دمت في حفظ الرحمن

Bnt Jaber Blog يقول...

شكراااااااا جزيلا لك اخي الكريم على الشرح الرااائع وطبقتها في مدونتي والحمدلله تم بسلام فشكرا جزيلا لك وبارك الله فيك

مدمن نت يقول...

لو سمحت الموقع غير شكله مافيش حاجه من اللي موجوده في الصور دي ممكن شرح تاني بالطريقه الجديده

abdelatif يقول...

أخي خالد*
هل يمكنني التعرف عليك أكثر في البريد الإلكتروني؟
abde-les-hommes@hotmail.fr