اضافة نموذج الطلبات او التوظيف لبلوجر

اضافة نموذج الطلبات او التوظيف لبلوجر

يوجد الآن مشاهدة التعليقات : 31

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

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

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

طيب لمن يرغب بعمل ذلك واتاحة مجال للأخرين فقدم لهم صفحة خاصة لملئ الطلب كهذا المثال:


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





شرح طريقة التركيب
1. مدونتك > الصفحات > انشئ صفحة جديدة
2. انتقل الى تبويب HTML ثم ضع الكود التالي
<style>h1.post-title{display:none}.contact-form-box>p{line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{background: #e83e3b; color: #FFF; text-transform: uppercase; font-size: 17px; text-align: center; display: block; margin: 0 -21px 15px; border-radius: 3px 3px 0 0!important; line-height: 45px; border: none;}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#666;text-transform:uppercase;position:relative;font-family:tahoma,sans-serif;margin-left: 5px;}.us_line>b{display:block;text-transform:uppercase;}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FDFDFD;padding:0 10px;width:100%;display:block;color:#999;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#333}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;font-weight:700;border-radius:3px;font-family:tahoma,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:tahoma,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact_message b{text-transform:capitalize;font-size:20px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}

.us_line:after{font-family:FontAwesome;position:absolute;bottom:6px;left:10px;z-index:100;color:#B0B1B1;font-size:13px;font-weight:400;opacity:.6}.us_line:nth-of-type(1):after{content:"\f007"}.us_line:nth-of-type(2):after{content:"\f0e0"}.us_line:nth-of-type(3):after{content:"\f222"}.us_line:nth-of-type(4):after{content:"\f133"}.us_line:nth-of-type(5):after{content:"\f21d"}.us_line:nth-of-type(6):after{content:"\f082"}.us_line:nth-of-type(7):after{content:"\f095"}.us_line:nth-of-type(8):after{content:"\f0f2";left:20px;bottom: 30px;
}.us_line:nth-of-type(9):after{content:"\f19d";left: 20px;bottom: 30px;}.us_line>input,.us_line>select{padding-left:30px!important}

.contact-form-box { border: 1px solid #fdf6d7; padding: 10px 20px; background: rgba(253, 246, 215, 0.48); border-radius: 3px; }

</style>
<div class="contact-form-box">
<b>الانضمام لفريق العمل</b>
<p>
مرحبا بك في صفحة التوظيف، ان كنت مهتما بالكتابة معنا ونشر تدويناتك الخاصة فراسلنا حالا.</p>
<form id='us_contact' name="contact-form">
<div class='us_line'>
<b>الإسم الكامل</b><input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم الكامل" type="text" value="" required/></div>
<div class='us_line'>
<b>البريد الإلكتروني</b><input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" type="text" value="" required/></div>
<div class='us_line'>
<b>الجنس</b><select><option value="Male" name="gender" selected>ذكر</option><option value="Female" name="gender">أنثى</option></select></div>
<div class='us_line'>
<b>العمر</b><input id="ContactForm1_contact-form-age" name="age" placeholder="0" maxlength="2" type="number" min="1" max="30" value="" required/></div>
<div class='us_line'>
<b>مكان الإقامة</b><input id="ContactForm1_contact-form-domicele" name="age" placeholder="الدولة، المدينة" type="text" value="" required/>
</div>
<div class='us_line'>
<b>حسابك بالفيسبوك</b><input id="ContactForm1_contact-form-urlfb" name="age" placeholder="http://facebook.com/yourusername" type="url" value="" required/></div>
<div class='us_line'>
<b>الهاتف</b><input id="ContactForm1_contact-form-contact" name="age" placeholder="رقم الهاتف مرفوق بكود دولتك +" type="text" value="" required/></div>
<div class='us_line'>
<b>العمل</b>
<select>
<option value="مترجم" name="jobs" selected>مترجم</option>
<option value="كاتب" name="jobs">كاتب</option>
<option value="مصمم" name="jobs">مصمم</option>
<option value="مبرمج" name="jobs">مبرمج</option>
<option value="رفع ملفات" name="jobs">رفع ملفات</option>
<option value="ادمين للصفحة" name="jobs">ادمين للصفحة</option>
<option value="ادمين للموقع" name="jobs">ادمين للموقع</option>
</select>
</div>
<div class='us_line'>
<b>مستوى العمل</b>
<select>
<option value="لا شيء" name="lvl" selected>لا شيء</option>
<option value="مبتدئ" name="lvl" selected>مبتدئ</option>
<option value="ذو تجربة" name="lvl">ذو تجربة</option>
<option value="محترف" name="lvl">محترف</option>
<option value="خبير" name="lvl">خبير</option>
</select>
</div>
<div class='us_line'>
<b>اخبرنا القليل عن نفسك</b><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" placeholder="اخبرنا القليل عن نفسك باختصار" required></textarea></div>
<div class='us_line dn' style='display:none;'>
<textarea style='display:none;' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input style='display:none;' id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>
<button type='button' onclick="generate()" disabled="disabled" id="sendform">أرسل</button>
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
<script type="text/javascript">/*<![CDATA[*/if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');/*]]>*/</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script>
//<![CDATA[

var blogsid = "242104588016255323"; // Your BLOG ID
var nameblog = "//ar1web.com/"; // Your BLOG URL, don't copy HTTP: or HTTPS:
var successmsg = "<b>لقد تم ارسال طلبك بنجاح</b><p>
سوف نسعى جاهدين للرد على طلبك، في غضون 24 ساعة، إن لم يصلك الرد فتواصل معنا على صفحتنا.</p>
";
var invalidmsg =  "<b>مطلوب عنوان بريد إلكتروني صالح</b><p>
يجب أن تكتب عنوان البريد الإلكتروني الخاص بشكل صحيح.</p>
";
var notsendmsg = "<b>لم يرسل الطلب</b><p>
رجاأ أعد المحاولة</p>
";
var sett = {
name   : "Name",
email   : "Email",
gender   : "Gender",
age   : "Age",
domicele  : "Domicele",
urlfb   : "Url Facebook",
contact  : "Contact",
jobs   : "Jobs",
lvl   : "Level",
reason   : "Give your reasons why you want to join?",
br    : "\n"
};
//]]>
</script>
<script src="//rawgit.com/iHussam/ar1web/master/job.js" type="text/javascript"></script>

تغييرات مهمة
* غير 242104588016255323 بالمعرف الخاص بمدونتك



* غير ar1web.com إلى رابط موقعك بدون نسخ http: أو https
كما ذكرت يمكنكم تغيير الطلب لأي شيء وذلك بتغيير الكلمات فقط بما يناسبكم.
نسيت أن أذكر بأن الرسالة تصل على الإميل المسجل به في بلوجر.
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 31 تعليقًا:

  1. أشكرك آخي حسامن علي ما تقدمه من أعمال جميلة . كان عندي طلب منك أنا عندي مشكلة في قالب BMag ايكونات مواقع التواصل الاجتماعي مشوشة فارجوا منك ان تحل لي هذه المشكلة ىخي

    ردحذف
  2. برنس من يومك

    ردحذف
  3. مشكور اخي الكريم

    ردحذف
  4. فى مشكلة زر ارسال لا يعمل ؟

    ردحذف
    الردود
    1. بالنسبة للناس الي زر الارسال لا يعمل معاها لازم تضيف نموذج الاتصال من تخطيط

      حذف
  5. دائما مبدع صديقي حسام

    ردحذف
  6. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. بالنسبة للناس الي زر الارسال لا يعمل معاها لازم تضيف نموذج الاتصال من تخطيط

      حذف
  7. اخي زر ارسال لايعمل

    ردحذف
  8. بالنسبة للناس الي زر الارسال لا يعمل معاها لازم تضيف نموذج الاتصال من تخطيط

    ردحذف
  9. الرجاء اضافة رفع صور لهذا النموذج

    ردحذف
  10. بارك الله فيك اخي على هذا الشرح الانيق لكن زر الارسال لايعمل !!!!

    ردحذف
  11. زر الارسال لا يعمل

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

    www.lshkarweb.ml/
    وشكرا ....

    ردحذف
  13. زر الإرسال غير شغال للأسف الإضافة جميلة جدا

    ردحذف
    الردود
    1. حتي يعمل زر الارسال يجب اضافة نموذج اتصل بنا في تخطيط

      حذف
  14. زر الإرسال لا يعمل !!!

    ردحذف
    الردود
    1. حتي يعمل زر الارسال يجب اضافة نموذج اتصل بنا في تخطيط

      حذف
  15. حتي يعمل زر الارسال يجب اضافة نموذج اتصل بنا في تخطيط

    ردحذف
  16. زر الإرسال غير شغال للأسف الإضافة جميلة جدا
    أرجو الرد لسرييعععععععععععع

    ردحذف
  17. زر الإرسال غير شغال

    ردحذف
  18. يوجد خطأ بالكود
    ياريت تستبدل الاكواد في الصندوق باكواد الاضافة مرة اخري

    ردحذف
  19. لا يعمل ارجوك حل المشكلة

    ردحذف
  20. السلام عليكم
    لتشغيل الارسال ما عليكم الا تغيير في
    "disabled="disabled
    الى
    "disabled="enabled

    ردحذف
  21. اضافة جميلة
    اريد رآيك في المدونة
    مدونة صلاح عبيد

    ردحذف
  22. هل يمكن ان تعلدلي هلى هذا الكود بالخصوص بحذف خيار المبرمج و ’دمن موقع وتغير لون زر ارسال الة اللون الازق بلون الموقع (http://read-mena.blogspot.com/p/blog-page_80.html)
    بلون اظهار التعليقات وانا اعتذر اني اتعبك معي بس والله انت شخص لا مثيل له بالتعامل مع محبيه

    ردحذف
  23. تم فقط اترك الإميل وسأرسله لك

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم