كيفية إضافة صفحة الخدمات إلى مدونة بلوجر - صفحة إحترافية ⭐

محتويات المقال

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

هل تبحث عن إضافة صفحة الخدمات إلى مدونة بلوجر ؟ أو تركيب صفحة تقديم الخدمات على مدونات بلوجر ؟ أم إضافة صفحة أعلن معنا إلى بلوجر ؟

كيفية إضافة صفحة الخدمات إلى مدونة بلوجر

صفحة تقديم الخدمات على مدونة بلوجر , هي صفحة لعرض أعمالك أو بعض الخدمات التي تقدمها على مدونتك. 

الصفحة شبيهة شيئاً ما بنمودج الإتصال , لكنها تأتي مع تركيب بعض الإضافات والأدوات التي تعطي جمالية وإحترافية للصفحة.

إضافة صفحة الخدمات وأعلن معنا إلى مدونة بلوجر 

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

بالإضافة إلى ذلك , يمكن للزوار التواصل معك عبر صفحة الخدمات على مدونة بلوجر , بتقديم جميع المعلومات والخدمة التي يحتاجون لها.

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

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

طريقة تركيب صفحة الخدمات وأعلن معنا في بلوجر

كما تعودنا سابقاً على طرق تركيب إضافات بلوجر , فهي بسيطة للغاية ولا تحتاج إلى خبرة في مجال البرمجة.

إلا في حالة كنت تريد التعديل على الصفحة وإضافة بعض الخدمات الأخرى فيجب أن تكون لديك بعض المعلومات الإضافية حتى تتمكن من هذا.

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

دعنا نبدأ طريقة إضافة الصفحة على مدونة بلوجر.

1. توجه إلى اللوحة الرئيسية في Blogger
2. من القائمة المنسدلة , إختر قسم الصفحات
3. قم بالنقر على إنشاء صفحة جديدة 
4. بعدها ضع عنوان مناسب للصفحة , مثل خدماتنا أو أعلن معنا
5. بعد ذلك , يجب تحويل الصفحة من وضع عرض الإنشاء إلى عرض HTML
6. قم بحدف بعض الأكواد التي تأتي في رأس الصفحة , تم أنسخ الكود البرمجي التالي
7. وألصقه بالصفحة , يمكنك أولاً معاينة شكل صفحة الخدمات , بعدها أنقر على حفظ

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
<div class="contact-form-box"><div class="form-titel"><b>مرحبا بك عزيزي المستخدم ، هذه الأداة خاصة بالخدمات الإعلانية والخدمات التقنية التي نقوم بالتسويق لها , لم يتم الرد عن أي إستفسارات أخرى. <span style="color: #ffa400; font-size: medium;">" يرجى التأكد من إدخال جميع البيانات المطلوبة"</span></b></div><form id="us_contact" name="contact-form"><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-user-circle"></i>الإسم الكامل</label></div><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-email" name="email" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-at"></i>البريد الإلكتروني</label></div><div class="us_line inline"><label><i aria-hidden="true" class="fa fa-mars"></i>الجنس:</label><select id="ContactForm1_contact-form-gender"><option name="gender" selected="" value="Male">ذكر</option><option name="gender" value="Female">أنثى</option></select></div><div class="us_line inline"><label><i aria-hidden="true" class="fa fa-calendar-o"></i>العمر:</label><input id="ContactForm1_contact-form-age" max="30" maxlength="2" name="age" required="" type="number" value="" /></div><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-domicele" name="domicele" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-map-marker"></i>مكان الإقامة</label></div><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-mobile" name="mobile" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-phone"></i>رقم الهاتف (مرفوق بالرمز الدولي)</label></div><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-urlfb" name="urlfb" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-facebook"></i>حساب التواصل الإجتماعي</label></div><div class="us_line"><input autocomplete="off" id="ContactForm1_contact-form-urlby" name="urlfb" required="" type="text" value="" /><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-eye"></i>رابط لمعاينة أعمالك</label></div><div class="us_line inline"><label><i aria-hidden="true" class="fa fa-briefcase"></i>اختر الخدمة:</label><select id="ContactForm1_contact-form-jobs"><option name="jobs" value="نشر مقالك معنا">نشر مقالك معنا</option><option name="jobs" value="تحسين السيو">تحسين السيو</option><option name="jobs" value="رفع ملفات و كتب">رفع ملفات و كتب</option><option name="jobs" value="اعلان ممول">اعلان ممول</option><option name="jobs" value="الترويج للمنتجات">الترويج للمنتجات</option><option name="jobs" value="خدمات أخرى">خدمات أخرى</option></select></div><div class="us_line inline"><label><i aria-hidden="true" class="fa fa-dashboard"></i>مستوى الخبرة:</label><select id="ContactForm1_contact-form-lvl"><option name="lvl" selected="" value="مبتدئ">مبتدئ</option><option name="lvl" value="ذو تجربة">ذو تجربة</option><option name="lvl" value="محترف">محترف</option><option name="lvl" value="خبير">خبير</option></select></div><div class="us_line"><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" required=""></textarea><label class="co-textfield_label"><i aria-hidden="true" class="fa fa-info"></i>وصف مختصر عن الخدمة</label></div><div class="us_line dn" style="display: none;"><textarea cols="0" id="ContactForm1_contact-form-email-message" name="email-message" rows="0" style="display: none;"></textarea><input id="ContactForm1_contact-form-submit" style="display: none;" type="hidden" value="Send" /></div><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></form></div><style type="text/css">/*<![CDATA[*/.contact-form-box{position:relative;background-color:white;max-width:90%;margin:0 auto;padding:0;}.contact-form-box > .form-titel{position:relative;display:block;color:#fff;background:#1165f1;padding:30px 15px;margin:0 -2px;line-height:normal;font-size:15px;font-weight:400;}.contact-form-box form#us_contact{position:relative;overflow:hidden;text-align:start;padding:50px 50px;margin:0 0;}form#us_contact .us_line.dn,form#us_contact #ContactForm1_contact-form-email-message,form#us_contact #ContactForm1_contact-form-submit,form#us_contact .contact-form-error-message-with-border img{display:none!important;}form#us_contact .us_line{position:relative;display:block;width:100%;font-size:13px;color:#444;margin:0 0 30px;padding:0;}form#us_contact .us_line.inline{display:inline-block;text-align:center;width:-webkit-calc(100% / 2.2);width:-moz-calc(100% / 2.2);width:calc(100% / 2.2);float:none;border:0;}form#us_contact .us_line .fa{font-size:15px;color:#1165f1;}form#us_contact .us_line label{padding:0 10px;}form#us_contact .us_line input[type="text"],form#us_contact .us_line textarea{display:block;width:100%;outline:none;background:none!important;font:400 14px sans-serif;line-height:normal;color:#444;border:2px solid #f8f8f8;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}form#us_contact .us_line input.err,form#us_contact .us_line textarea.err{border-color:#ffbaba!important;}form#us_contact .us_line input[type="text"],form#us_contact .us_line input[type="text"]:valid,form#us_contact .us_line input[type="text"]:hover,form#us_contact .us_line input[type="text"]:active{min-height:50px;padding:0 15px;margin:0;}form#us_contact .us_line textarea,form#us_contact .us_line textarea:valid,form#us_contact .us_line textarea:hover,form#us_contact .us_line textarea:active{resize:none;max-width:100%;width:100%;height:200px;margin:5px 0;padding:15px;}form#us_contact .us_line input[type="text"]:valid,form#us_contact .us_line input[type="text"]:focus,form#us_contact .us_line textarea:valid,form#us_contact .us_line textarea:focus{border:0!important;background:none!important;}form#us_contact .us_line select,form#us_contact .us_line input[type="number"]{cursor:pointer;font-family:inherit;margin:0 5px;padding:10px 20px;border:2px solid #eeeeee;background-color:#eeeeee;color:#444;font-size:14px;line-height:normal;vertical-align:middle;}form#us_contact .us_line input[type="number"]{cursor:default;background:#ffffff;}form#us_contact .us_line input[type="number"]:valid,form#us_contact .us_line input[type="number"]:focus{border-color:#1165f1;}form#us_contact button#sendform{cursor:pointer;font-size:14px;font-family:inherit;font-style:normal;text-transform:none;margin:0;padding:5px 20px;background-color:#1165f1;color:white;border:2px solid #1165f1;}form#us_contact button#sendform:hover{background-color:#ffffff;color:#1165f1;}form#us_contact .us_line .co-textfield_label{display:block;position:absolute;top:10px;left:0;right:0;bottom:0;overflow:hidden;white-space:nowrap;pointer-events:none;text-align:start;height:auto;font-size:14px;background:none;border:0;width:100%;font-family:inherit;}form#us_contact .us_line .co-textfield_label:after{visibility:hidden;position:absolute;right:50%;bottom:0;background-color:#1165f1;width:10px;height:2px;content:'';z-index:2;}form#us_contact .us_line input:valid + .co-textfield_label,form#us_contact .us_line input:focus + .co-textfield_label,form#us_contact .us_line input:active + .co-textfield_label,form#us_contact .us_line label.co-textfield_label.active,form#us_contact .us_line textarea:valid + .co-textfield_label,form#us_contact .us_line textarea:focus + .co-textfield_label,form#us_contact .us_line textarea:active + .co-textfield_label,form#us_contact .us_line label.co-textfield_label.active i{visibility:visible;font-size:12px;top:-10px;color:#1165f1!important;}form#us_contact .us_line input:focus + .co-textfield_label,form#us_contact .us_line textarea:focus + .co-textfield_label{color:#1165f1;}form#us_contact .us_line input:valid + .co-textfield_label:after,form#us_contact .us_line input:focus + .co-textfield_label:after,form#us_contact .us_line textarea:valid + .co-textfield_label:after,form#us_contact .us_line textarea:focus + .co-textfield_label:after{visibility:visible;right:0;width:100%;}form#us_contact .contact-form-success-message-with-border,form#us_contact .contact-form-error-message-with-border,form#us_contact .contact-form-success-message,form#us_contact .contact-form-error-message{background:none;color:black;border:0;bottom:0;margin:0;padding:0;width:100%;height:auto;opacity:1;line-height:normal;font-weight:400;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}form#us_contact #contact_layout{background:#ffffff;border:0;bottom:0;color:#666;font-size:11px;font-weight:bold;line-height:normal;margin:50px 0 30px;opacity:1;position:relative;text-align:center;}form#us_contact #contact_layout button#closedialog{cursor:pointer;font-family:inherit;font-size:12px;background:none;color:#444;border-width:0 0 2px;border-style:solid;margin:0 0 10px;padding:0 10px;}form#us_contact #contact_layout button#closedialog:hover{border-color:transparent;color:#000000;}form#us_contact .contact_message{background:#fff;padding:10px;color:#333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}form#us_contact .contact_message b{text-transform:capitalize;font-size:20px;display:block;font-weight:400;}form#us_contact .contact_message p{font-size:12px;margin:15px 0;color:#666;}form#us_contact .contact_message i{position:absolute;top:0;right:0;font-size:24px;margin:10px;}form#us_contact .error_message b,form#us_contact .error_message i{color:#ff7f00;}form#us_contact .error_message button#closedialog{border-color:#ff7f00;}form#us_contact .success_message b,form#us_contact .success_message i{color:#388d80;}form#us_contact .success_message button#closedialog{border-color:#388d80;}form#us_contact .us_line textarea,form#us_contact .us_line select,form#us_contact .us_line input,form#us_contact button#sendform{border:2px solid #f8f8f8;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}.contact-form-box,.contact-form-box form#us_contact #contact_layout{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-o-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}form#us_contact .us_line input,form#us_contact button,form#us_contact .us_line .co-textfield_label,form#us_contact .us_line .co-textfield_label:after{-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1);}@media screen and (max-width:768px){.contact-form-box form#us_contact{padding:20px 10px;}.contact-form-box > .form-titel{margin:0 -1px;padding:20px 10px;font-size:13px;}form#us_contact .us_line.inline{display:block;width:100%;}form#us_contact .contact_message b{font-size:14px;}form#us_contact .contact_message p{font-size:11px;}form#us_contact .contact_message i{position:relative;display:block;}}/*]]>*/</style><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 type="text/javascript">/*<![CDATA[*/  var blogsid = "إضافة معرف المدونة الخاص بك (ID)", // Your BLOG ID      nameblog = "//www.aribh.de/", // Your BLOG URL, don't copy HTTP: or HTTPS:      successmsgTagB = "لقد تم ارسال طلبك بنجاح",      successmsgTagP = "سوف نسعى جاهدين للرد على طلبك، في غضون 24 ساعة، إن لم يصلك الرد فتواصل معنا على صفحتنا.",      invalidmsgTagB = "مطلوب عنوان بريد إلكتروني صالح",      invalidmsgTagP = "يجب أن تكتب عنوان البريد الإلكتروني الخاص بشكل صحيح.",      notsendmsgTagB = "لم يرسل الطلب",      notsendmsgTagP = "رجاأ أعد المحاولة",      sendingmsg = "جاري الإرسال...",      sendingbtn = "إرسال",      closebtn = "إغلاق",      sett = {        name: "الاسم",        email: "الايميل",        gender: "الجنس",        age: "السن",        domicele: "المسكن",        urlfb: "رابط الفيسبوك",        urlby: "رابط المعاينة",        contact: "الهاتف",        jobs: "العمل",        lvl: "الخبرة",        reason: "لمحة عن نفسك ؟",        br: "\n"    };eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(h(){h w(e){C(f t=3.1J(e),o=0;o<t.m;o++)s(t[o].1K)u t[o].7;u""}h D(){f l=3.5("V");s(l!==x){l.W.X(l)};3.5("a-6-y-Y").7=\'\'}h Z(){f E=\'10\',F=G,11=w("12"),13=w("14"),15=w("16"),17=3.5("18"),19=3.5("a-6-1a").7,1b=3.5("a-6-y").7,1c=3.5("a-6-H").7,1d=3.5("a-6-1e").7,1f=3.5("a-6-1g").7,1h=3.5("a-6-1i").7,1j=3.5("a-6-1L").7,1k=3.5("a-6-I").7,1l=3.5("a-6-y-Y"),1m=3.5("a-6-1M"),j=17.1n("j[z=\'1N\'], j[z=\'1O\'], #a-6-I");f 6=4["1a"]+" : "+19+4["g"]+4["y"]+" : "+1b+4["g"]+4["12"]+" : "+11+4["g"]+4["H"]+" : "+1c+4["g"]+4["1e"]+" : "+1d+4["g"]+4["1g"]+" : "+1f+4["g"]+4["1i"]+" : "+1h+4["g"]+4["J"]+" : "+1j+4["g"]+4["14"]+" : "+13+4["g"]+4["16"]+" : "+15+4["g"]+4["I"]+" : "+1k,K=[].1P.1Q(j,h(1o){u!1o.7});C(f r=0;r<j.m;r++){s(K.m>0){j[r].7.m==0&&(j[r].L.1R(E))}1S{j[r].L.1p(E);F=1T}}s(F){1l.7=6,1m.1U();f 9=3.1q(\'1r\');9.z=\'9\';9.v=\'D\';9.1s=1V;9.1t=h(){D();u G};f l=3.5("V"),1u=3.1W(".J-6-1X");s(l!==x){l.W.X(1u);l.1v(9)}}}f 9=3.1q(\'1r\');9.z=\'9\';9.v=\'1Y\';9.1s=1Z;9.1t=h(){Z();u G};3.5("18").1v(9);f 1w=3.5("a-6-H");1w.1x=h(){A.7.m>2&&(A.7=A.7.20(0,2))};f M=3.1n(".1y j, .1y 21");C(f r=0;r<M.m;r++){M[r].1x=h(){A.L.1p(\'10\')}}"22"!=23 N&&x!=N&&(1z.24="25",1z.26=B,N("")),1A.27("//1B.1C.1D/28?29="+B,2a,B),1A.2b("2c",2d 2e("1E","2f",x,3.5("1E"),{2g:2h,2i:"\\n v\\c\\O\\d k\\c\\2j\\d\\1\\n k\\c\\P\\d\\1\\Q k\\c\\R S-2k\\d\\1\\8/i\\1\\T\\1"+2l+"\\8/b\\1\\U\\1"+2m+"\\8/p\\1\\8/q\\1\\8/q\\1",2n:"\\n v\\c\\O\\d k\\c\\1F\\d\\1\\n k\\c\\P\\d\\1\\Q k\\c\\R S-1G-1H\\d\\1\\8/i\\1\\T\\1"+2o+"\\8/b\\1\\U\\1"+2p+"\\8/p\\1\\8/q\\1\\8/q\\1",2q:"\\n v\\c\\O\\d k\\c\\1F\\d\\1\\n k\\c\\P\\d\\1\\Q k\\c\\R S-1G-1H\\d\\1\\8/i\\1\\T\\1"+2r+"\\8/b\\1\\U\\1"+2s+"\\8/p\\1\\8/q\\1\\8/q\\1",2t:"1I 2u 2v 2w K.",2x:"2y 2z",2A:B,2B:"2C",2D:"2E",2F:"1I",2G:"2H",2I:"2J://1B.1C.1D/J-6.2K"},"2L"))})();',62,172,'|x3e||document|sett|getElementById|form|value|x3c|button|ContactForm1_contact||x3d|x27||var|br|function||input|class|ele|length|x3cdiv|||div||if||return|id|getselect|null|email|type|this|blogsid|for|closedialog|classerr|anyFilled|false|age|reason|contact|empty|classList|inputerr|BLOG_attachCsiOnload|x27contact_layout|x27contact_message|x3ci|x27fa|fa|x3cb|x3cp|contact_layout|parentNode|removeChild|message|generate|err|_o|gender|_f|jobs|_s|lvl|_u|us_contact|_e|name|_t|_c|_a|domicele|_n|urlfb|_v|urlby|_m|_b|_l|_i|querySelectorAll|el|remove|createElement|BUTTON|innerHTML|onclick|svg|appendChild|ageinput|oninput|us_line|window|_WidgetManager|www|blogger|com|ContactForm1|x27error_message|exclamation|triangle|Message|getElementsByName|selected|mobile|submit|text|number|filter|call|add|else|true|click|closebtn|querySelector|cross|sendform|sendingbtn|slice|textarea|undefined|typeof|blogger_templates_experiment_id|templatesV1|blogger_blog_id|_Init|rearrange|blogID|nameblog|_RegisterWidget|_ContactFormView|new|_WidgetInfo|footer1|contactFormMessageSendingMsg|sendingmsg|contactFormMessageSentMsg|x27success_message|check|successmsgTagB|successmsgTagP|contactFormMessageNotSentMsg|notsendmsgTagB|notsendmsgTagP|contactFormInvalidEmailMsg|invalidmsgTagB|invalidmsgTagP|contactFormEmptyMessageMsg|field|cannot|be|title|Contact|Form|blogId|contactFormNameMsg|Name|contactFormEmailMsg|Email|contactFormMessageMsg|contactFormSendMsg|Send|submitUrl|https|do|displayModeFull'.split('|'),0,{}))/*]]>*/</script>

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