يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

انشاء صفحة لطلبات التوظيف صفحة ثابتة | بلوجر

كود لانشاء صفحة توظيف ثابتة في مدونة بلوجر اوانشاء الصفحة لمنتجاتك ما المتطلبات والخنات المراد املأها. وتصل الرسالة الي صاحب الموقع
الرجاء الانتظار 0 ثانية...
قم بالتمرير لأسفل وانقر فوق فتح الرابط للتوجيه
تم فحص وتجهيز الرابط

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

صفحة لطلبات التوظيف صفحة ثابتة | بلوجر

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

شرح طريقة التركيب

  • اذهب لمدونتك > الصفحات > انشئ صفحة جديده
  • ثما بعد اذهب الي تبويبة 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 = "//mr-medo.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 وغيره بالمعرف الخاص بمدونتك وغير mr-medo.com إلى رابط موقعك بدون نسخ http: أو https:// كما ذكرت يمكنكم تغيير الطلب لأي شيء وذلك بتغيير الكلمات فقط بما يناسبكم. سوف تصل الرسائل الي الايميل المسجل به في بلوجر

ينتهي هنا موضوعنا عن "انشاء صفحة لطلبات التوظيف صفحة ثابتة | بلوجر "، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

4 تعليقات

  1. مش راضي يتنسخ
  2. السلام عليكم ورحمة الله وبركاته
    اضافة لا تعمل اخي ممكن تضع اضافة اخرى شغالة
    جزاك الله خيرا
    1. هذا الاضافه تعمل على سكريبت بلوجر، وفي حال استخدام DNS كلودفلير مع مدونة بلوجر بتعطل هذة الاضافة مع نموذج اتصل بنا الافتراضي.

      قريبا هنشر لكم اضافه تعمل على البريد الكتروني أو واتساب.
  3. ان شاء الله اخي الكريم نحن في انتظارك
    جزاك الله خيرا وجعلة فى ميزان حسناتك
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط (Cookies) لفهم كيفية استخدامك لموقعنا وتحسين تجربتك في المحتوى والإعلانات. باستمرارك في تصفح الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط وفقًا لسياسة الخصوصية لدينا.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.