| 23 تعليقات ]

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




أولا: إنشاء حساب
توجه إلى الصفحة الرئيسية للموقع و أنشئ حسابا جديدا عبر الضغط على الزر الكبير الأحمر. اختر الخطة المجانية و اضغط زر التسجيل كما هو موضح في الصورة.


ثانيا: إنشاء استطلاع
في واجهة لوح التحكم dashboard اضغط زر إنشاء استطلاع جديد كما بالصورة.


ثم أدخل سؤال الاستطلاع و الخيار المحتمل اختيارها من طرف المصوت، الصورة الآتية توضح الأمر.

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

ثالثا: تخصيص شكل الاستطلاع
مؤقتا سنختار شكلا من الأشكال المتاحة على أن نعدله لاحقا. الصورة توضح!

اضغط على الصورة لمشاهدتها بوضوح
رابعا: خيارات إضافية

اضغط على الصورة لمشاهدتها بوضوح
شرح الأرقام:
1 - تمكنك من وضع تاريخ لإنهاء الاستطلاع أو إغلاقه متى ما أحببت.
2 - من خلالها تختار ترجمة لمفردات الاستطلاع. (غير موجودة مسبقا فأنت من سيترجم المفردات، و سنشرح ذلك لاحقا).
3 - لك أن تختار إظهار النتائج للمصوت أو إخفاءها عنه أو عرض نسبة مائوية فقط.
4 - لكي لا يصوت زائر مرتين لك أن تفعل أحد الخيارين الثاني أو الثالث اللذان يمكنانك من تعرف المصوتين عبر "الكوكيز" أو عنوان IP و منعهم من التصويت مجددا .
5 - لتفعيل التعليقات على استطلاعك في موقع Polldaddy .
6 - فعله لوضع رابط صغير في مربع استطلاعك لمشاركته عبر المفضلات الاجتماعية.

بعد إنهاء التعديل اضغط الزر الموجود في آخر الصفحة و أغلق النافذة المنبثقة فلا حاجة لنا بها الآن.

الآن استطلاعك جاهز، لكن بقي أمرين اثنين!
أولهما ترجمة المفردات
و تكون كالآتي:

اضغط على الصورة لمشاهدتها بوضوح
ثم في النافذة المنبثقة اضغط الزر الموضح في الصورة


و في النافذة المنبثقة الثانية تبدأ الترجمة و تضغط زر الحفظ بعد تسمية ملف الترجمة (العربية مثلا).

اضغط على الصورة لمشاهدتها بوضوح
و هذه ترجمة المفردات بالترتيب:
النتائج
شكرا لك على التصويت
رجوع
آخر:
شكرا لك، لقد توصلنا بصوتك قبلا.
مجموع الأصوات
أصوات
التصويت مغلق
صوِّت
المرجو تحديد خيارك أولا!
تعليقات
شارك


الآن أنت تملك ملف ترجمة لاستطلاعك بقي ...
ثانيهما تخصيص شكل الاستطلاع
افعل كما في الصورة

اضغط على الصورة لمشاهدتها بوضوح
 ثم في النافذة المنبثقة تضغط زر إنشاء شكل (style) جديد.


بعد ذلك ستفتح أمامك الصفحة الموضحة في الصورة أسفله. في هذه الصفحة إمكانيتان أولاهما التخصيص المرئي، و منه يمكنك تعديل الشكل باستبدال القيم الموجودة في النموذج، لكن الاعتماد عليها فقط، لن يمكنك من تخصيص مربع استطلاعك ليوافق خصائص اللغة العربية. الإمكانية الثانية تكون عبر تحرير ملف ال css و هو الأفضل طبعا لأنه يتيح لك تحكما أكبر، و طبعا سنتبع الإمكانية الثانية.

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

اضغط على الصورة لمشاهدتها بوضوح
إن لم تكن لديك بعض المعارف الأولية حول css يمكنك نسخ و لصق هذه الأكواد التي أستعملها في مدونتي.

/* Plain white medium */
.pds-box {
direction: rtl;
font-family: Tahoma, Helvetica, Arial, sans-serif;
background: #fff;
border: 1px solid #ccc;
width: 300px;
font-size: 12px;
text-align: right;
color: #4e4e4e;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.pds-box A {
outline: none;
}

.pds-clear {
display: block;
clear: both;
}

.pds-box-outer {
padding: 12px;
}

.pds-question-top {
font-size: 14px;
line-height: 120%;
color: #333;
font-weight: bold;
padding: 5px 0 15px;
position: relative;
}

.pds-answer {
padding: 10px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}

.pds-answer label {
color: #333;
font-size: 13px;
line-height: 150%;
position: relative;
}

.pds-answer-group {
display: block;
padding: 8px 0;
}

.pds-answer-group BR {
display: none;
}

.pds-answer-input {
display: block;
float: right;
width: 25px;
}

.pds-input-label {
display: block;
float: right;
width: 245px;
cursor: pointer;
}

.pds-answer-other {
padding: 0 10px 0 0;
}

.pds-textfield {
background: #FFF;
border: 1px solid #d1d1d1;
font-size: 12px;
padding: 2px;
width: 150px;
}

.pds-answer-other BR {
display: none;
}

.pds-other-label {
display: block;
float: right;
cursor: pointer;
}

.pds-feedback-group {
display: block;
padding: 8px 0;
}

.pds-feedback-label {
display: block;
padding: 0 0 5px;
}

.pds-feedback-per {
font-weight: bold;
}

.pds-feedback-votes {
font-weight: normal;
}

.pds-answer-feedback {
background-color: #f1f1f1;
border: 1px solid #d1d1d1;
position: relative;
}

.pds-answer-feedback-bar {
font-size: 2px;
background: #3478e3;
height: 18px;
}

.pds-vote {
padding: 10px 0;
}

.pds-votebutton-outer {
}

.pds-vote BR {
display: none;
}

.pds-vote-button {
color: #464646;
padding: 3px 25px;
white-space: nowrap;
background: #F2F2F2 url('http://s3.wordpress.com/wp-admin/images/white-grad.png') repeat-x scroll right top;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
border: 1px solid #999;
cursor: pointer;
font-size: 12px;
font-family: 'Tahoma, Lucida Grande',Verdana,Arial;
text-align: center;
text-decoration: none;
line-height: 25px;
font-weight: bold;
white-space: nowrap;
}

.pds-vote-button:hover {
border: 1px solid #333;
}

.pds-vote-button-load {
color: #464646;
padding: 3px 25px;
white-space: nowrap;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
border: 1px solid #999;
cursor: pointer;
font-size: 12px;
font-family: 'Tahoma, Lucida Grande',Verdana,Arial;
text-decoration: none;
line-height: 25px;
font-weight: bold;
white-space: nowrap;
background: #EEE url('http://i.polldaddy.com/polls/vote-loader-eeeeee.gif') no-repeat scroll 50% 50%;
}

.pds-vote-button-load SPAN {
visibility: hidden;
}

.pds-links {
padding: 10px 0 0;
display: block;
text-align: center;
}

.pds-links-back {
padding: 10px 0 0;
display: block;
text-align: center;
}

.pds-links A {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #4e4e4e;
text-decoration: none;
padding: 0 4px;
line-height: 24px;
display: inline-block;
font-weight: bold;
}

.pds-links-back A {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #4e4e4e;
text-decoration: none;
padding: 0 4px;
line-height: 24px;
display: inline-block;
font-weight: bold;
}

.pds-links A:hover {
text-decoration: underline;
}

.pds-links-back A:hover {
text-decoration: underline;
}

.pds-comments SPAN {
font-weight: normal;
}

.pds-total-votes {
padding: 10px 0 0;
position: relative;
}

.pds-total-votes SPAN {
font-weight: bold;
}


و سيبدو الاستطلاع بشكل بسيط يناسب أغلب المدونات، هذا مظهره.


المحصلة: لدينا الآن ثلاثة أشياء، استطلاع، ملف ترجمة (تعريب) و ملف شكل (style). أحسنت! سنجمعها كالآتي.

اضغط على الصورة لمشاهدتها بوضوح
و في الصفحة الجديدة تفعل كما بالصورة.


بعد هذا استطلاعك صار جاهزا، و لم يبقى سوى توليد الكود الذي ستضعه في موقعك أو مدونتك. و لأجل ذلك اتبع الآتي.


عندها ستظهر أمامك نافذة، اضغط فيها على زر Add New Widget ثم افعل كما بالصورة.


و بعد ضغط زر الحفظ، انسخ الكود الموجود في النافذة الجديدة و ضعه في موقعك أو مربع أو بلوك إن كنت تستعمل مدونة بلوجر أو وووردبريس أو أي برنامج إدارة محتويات آخر، و كذلك يمكنك وضعه في مواضيعك.


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

إضافة: هناك إمكانية أخرى لإدراج الاستطلاعات في مدونات ووردبريس الخاصة و هي كالآتي:
1- حمل ملف الإضافة المضغوط من هنا.


2 - فك الضغط عن الملف و ارفع مجلد الإضافة إلى الامتداد wp-content/plugins
3 - من لوح تحكم مدونتك فعل الإضافة.
 و هذا مقطع فيديو يبين كيفية الاستعمال.



أتمنى أن يكون الموضوع ذا إفادة، و أسألكم الدعاء!


التعليقات : 23

غير معرف

السلام عليكم،

قريبا بإذن الله سوف يظهر PollDaddy الموقع كاملا باللغة العربية. أنا من فريق عمل الترجمة وقريبا سننتهي منه في خلال أيام، يبقى تصميم الموقع لموافقة اللغة العربية (الكتابة من اليمين إلى اليسار.)

تحياتي لك ولكل القائمين على هذا العمل

محمد الشيمي

راكان صالح

شرحت, وضحت, أفدت.
فجزاك الله خيراً على كل ما تفعله للجميع

BaSSeM

بارك الله فيك أخي الفاضل ذؤيب على الموضوع الروعة

Unknown

ما شاء الله شرح مفصل و اضافة رائعة .بارك الله فيك .

khaled

موضوع مميز



طرح انيق وجد راقي



الموقع جد مفيد و كذا مطلوب



بارك الله فيك ونصرك



و أفاد بــــك جميع المسلمين وسلمت من كل مكروه



رحم الله والديك دنيا وآخره وشكـرا

المقداد

خدمة ممتازة جداً وتنسق الاستطلاع افضل من بلوجر

سأعملها بإذن الله

اخ ذؤيب اتمنى ان تعطيني موعد تفتح به الماسنجر انا محتاجك ضروري جداً :)

Unknown

موقع رائع اخي ذؤيب ، شكرا لك على مشاركتنا به ، واتمنى لك مزيدا من التألق والنجاح .

-
أزال المؤلف هذا التعليق.
JehadHussien

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

غير معرف

بارك الله فيك اخى وقد استخدمتها
فى مدونتى على بلوجر

مدونة شريف

www.sherifonline.tk

24star

thanks doaib ebook to learn language

د. المطالع بن الكتاب

عزيزي انا استعمل مستتندات غوغل وتعطيني نتائج مبهرة

Zyia

شكرا لك..
غفر الله لك ولوالديك .. ورضي عنك..
لقد استفدتُ من هذا الدرس وطبقته..
شكراً حبيبنا استاذ محمد..

Eng AhMeD

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

http://bramj-web.blogspot.com/

مشكوووووووووووووووووور

http://bramj-web.blogspot.com/

غير معرف

لو جددت الصور لأن الموقع قد غير القديم بالجديد وشكرا على الشرح

Abed

بارك الله فيك أخي و قد تم وضع استطلاع في مدونتي حول القوالب التي يفضلها الزوار
www.best-t4a.blogspot.com

Unknown


صور حب 2013
صور رومانسية
فساتين سهره طويل
اغلفه فيس بوك
اغلفة للفيس بوك
اغلفه للفيس بوك رومانسي
صور انا احب لجميع الحروف
احدث ازياء 2013 اجدد ملابس 2013
اغلفه للفيس بوك رومانسي بناتي 2013
فساتين سهره قصيره جديده 2013
مدونه ازياء النسائيه
احدث موض فساتين زفاف
صور فساتين سوريه
عابايت جديده اخر موضه
ازياء جواكيت شتوية 2013
اجمل شنط يد عصرية 2013
مجوهرات راقية 2013
اجمل خواتم زواج 2013
صور مجوهرات ديور 2013
اجمل جوارب نسائية

Unknown


دردشة بنات مصرية
لعبه تلبيس البطريق
لعبه قص الاضافر
لعبة الحرب الجديده 2013
لعبه سوبر ماريو الجديده
لعبه المزرعه السعيده
لعبه الدررجات انااريه 2013
لعبه العربيات الجديده
تحميل لعبه توم واجيري 2013
لعبة حرب الدبابات 2013
لعبه حرامي السيارات
لعبه سوبر ماريو الجزء الثاني
لعبة الجراج الجديده
لعبة سوبر ماريو القديمه
لعبه اسبونج بوب 2013
لعبه مايك اب للبنات فقط
لعبه تلبيس للبنات فقط
لعبه تكن
العاب تلبيس للبنات
لعبه تلبيس حقيقي

Unknown

@ahmed mavo
السلام أخي الكريم شكرا على المجهود
لدي مشكل حيث تظهر لي الاختيارات على اليسار عوض اليمين فما الحل الله يجازيك

Unknown

رد

غير معرف

ترشيح افضل مشرفه للجروب مع مكآفئات من اعضاء الجروب

Unknown

نعم الصلاة السلام

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.