ارشر

التصميم ، و اتفاقية الاستخدام

2017-07-27T12:51:00.001+03:00

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

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

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

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

الفائدة من تقديم اتفاقية استخدام للعميل

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

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

اهم ماتحتويه اتفاقية الاستخدام

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

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

صلوا على محمد ، صلى الله عليه وسلم

تصميم الجرافيك من منظور بسيط

2017-07-25T14:35:00.001+03:00

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

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

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

في تصميم الجرافيك يتم استخدام كثير من الاساليب التي قد تصنع عمل ابداعي فريد من نوعه ، كاستخدام الخط العربي او الزخرفات العربية او الصور او الرموز التي تؤدي الى نتيجة ابداعية فريدة من نوعها ...

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

تصميم الجرافيك بمنظور بسيط

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

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

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

ليس كل مصمم مبدع

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

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

البساطة هي اسلوب لكل مبدع

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

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

التقليد يقتل الابداع

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

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

ختاماً ، اقدم لك الخلاصة

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

دمتم في حفظ الله ورعايته

صلوا على المصطفى ، صلى الله عليه وسلم

الجدولة .. وطريقة استخدامها في مدونات بلوجر

2017-07-22T23:42:00.000+03:00

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

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

طريقة استخدام الجدولة

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

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

ودمتم في حفظ الله ورعايته

خاصية القفز داخل الصفحات في بلوجر

2017-07-20T01:36:00.001+03:00

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

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

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

نهاية الصفحة

كمثال , عند ضغط على عبارة نهاية الموضوع اعلاه , ستنقل الى نهاية الموضوع بصورة مباشرة وسريعة , بدون بذل اي جهد يذكر , محرر النصوص في بلوجر يدعم كثير من الاكواد البسيطة المتعلقة بلغة HTML او JavaScript وهذه واحدة من المميزات المهمة والرائعة فيه .

طريقة استخدام خاصية القفز

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

<a href="#archer">نهاية الصفحة</a>

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

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

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

كان هذا شرح بسيط لخاصية القفز داخل الصفحات , وهذه الخاصية يمكن استخدامها اكثر من مرة داخل الصفحة فقط من خلال استخدام معرف مختلف لكل كودين , اذا كانت مدونتك من النوع الذي يقدم مقالات كبيرة انصحك باستخدام هذه الخاصية فهي ستسهل كثيرااا على زوارك وتمكنهم من قراءة المقال و الحصول على المعلومات في اسرع وقت .

ودمتم في حفظ الله ورعايته

اللهم صلى وسلم على سيدنا محمد

الكتابة التلقائية ، افضل اضافات بلوجر في 2017

2017-06-01T13:12:00.000+03:00

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

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

اضافة الكتابة التلقائية .. هي اضافة بسيطة تعتمد تقوم باعادة كتابة نص معين بطريقة بسيطة واحترافية في صورة مؤشر كتابة ، حيث يرسخ في ذهن الزائر انك تخاطبه مباشرة وتكتب له هذه العبارات في هذه اللحظة ، الاضافة يتم استخدامها في كثير من المواقع البرمجية الكبيرة مثل موقع jokerdev.sa حيث يشاهد الزائر مجموعة من العبارات التي تكتب و تمسح في نفسة اللحظة ليكتب غيرها ...

لمعاينة الاضافة " من هنا "

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

نتوجه الى لوحة التحكم في بلوجر > المظهر > تحرير HTML ثم نضغط على مفتاحي Ctrl+F ونبحث عن الوسم ]]></b:skin> ونلصق الكود التالي فوقه مباشرة ...

#about{background-color:#fff;padding-top:50px;padding-bottom:50px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjn5UB3cieJ9RdwQJdOvpsVb62ziw6cVvcVH4uWkyibe1hwzKnfexpsC3FNExN9mlnpzb4ppxgxJLLk0Qn09j-NXxkR13AhdQoJ6A8e0nzcL-4ooF08SBaUkqWOOFcAYz2Mid-1nnaZVo2/s1600/wdbloog.png)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;transition:opacity .5s ease 0;overflow:hidden;margin-bottom: 15px;}
.vc_column-inner{padding-top:35px;text-align:center}
#countdown-timer{font-weight:700;margin:0 -30px;display:inline-block}
#countdown-timer >.countdown-section{display:block;float:left;font-size:62px;line-height:1;color:#fff;margin:0 30px}
.countdown-section i{background-color: #FFFFFF;font-size:40px;color:#5A67A6;border-radius:50%;width:80px;height:80px;line-height:80px;margin-bottom:10px;padding-left:3px}
#countdown-timer >.countdown-section >.countdown-period{display:block;font-size:22px;margin-top:8px;line-height:1;text-transform:uppercase;letter-spacing:1px;color:#fff;font-weight:500}
.type-wrap{color:#FFF;font-size:63px;line-height:124px;font-weight:900;min-height:119px}
.element{direction:rtl;display:inline-block}
.typed-cursor{opacity:1;color:#7B88CC;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite}
.item #about,.error_page #about,.static_page #about{display:none}

ثم نبحث عن الوسم </body> ونلصق الكود التالي فوقه مباشرة ..

بتغيير النص باللون الاحمر الى ماتريد

بعد ذلك نبحث عن الوسم <head> ونضع الكود التالي اسفله مباشرة ...

واخيرا ,, وصلنا لمرحلة اظهار الاضافة , الكود التالي هو اللي سيظهر الاضافة حيث انه يمكنك وضعه في المكان الذي تريد , فمثلا اذا اردت وضعه في الاعلى كما في المعاينة ، ابحث عن الوسم <div id='post-wrapper'> والصق الكود التالي فوقه مباشرة ...

بعد ذلك قم بحفظ القالب , واستمتع بالاضافة 😊

ودمتم في حفظ الله ورعايته

{ اكثر من قراءة القرءان في رمضان }

اضافات احترافية للترحيب بشهر رمضان

2017-05-20T11:17:00.002+03:00

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

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

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

الاضافات وطريقة تركيبها

جميع هذه الاضافات طريقة تركيبها بسيطة جدا فقط ادخل على لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة HTML/Javascript ثم الصق بداخلها كود الاضافة التي تريدها .

الاضافة الاولى

عبارة عن فانوس يتم تركيبه اعلى يسار المدونة , ييحتوى على صورة محركة " رمضان كريم " , اضافة بسيطة ومميزة يمكن استخدامها وتركيبها بكل سهولة ..

<div style="float:left;position:absolute;left:0px;top:0px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh18hSlYQmmTDI22d6kuBGeSeEyaiO5I8jmcIkPvjzLM9lN7v8Hq5l3FhEKEbh0FRKKnXvS7jX9-SNQ3yfsUz6hZiXVIojORMrA2Fo9rf7xCf2RVxyIF3RyABXwovv4JWc0aSMB0-Ui6yRF/s1600/Ramadan+Mubarak+-+www.afkarpro.blogspot.com.gif" alt="رمضان كريم"/>
</div>


<div style="float:left;position:absolute;left:0px;top:82px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcR1-P-8E0pLnSCaFN4jeldWScTkZQIpX58oVoBka1I5vMykm7M4NEZRqjJ2Wkmx7fUzgOaMtQ3Qs2ldlXpb6F7r3ftnWQ6AnzvBnnxerWYK61kfyw5sEX3aCDA-XQuEI6dyH6JOs7hjtc/s1600/fan-3+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>


<div style="float:left;position:absolute;left:0px;top:230px">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuvZAjtYsH6_cX_-gyuFM94CrZQjKbzylrei1ua1nQEE6radyoNyCjpyi4IVUg0rqEHHodJ0VoLrMreUWdw3ltXKm0xfV4fNxd7eoButTqrYE79w7zDq7myX-Xxq4kouVQaVNHitnAJJEd/s1600/fan-2+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>

الاضافة الثانية

عبارة عن صورة " رمضان كريم " تركب اسفل يسار الصفحة وتتحرك مع الصفحة طلوعا ونزولا , بسيطة واحترافية وخفيفة على القالب .

الاضافة الثالثة

هذه الاضافة تختلف عن الاضافة السابقة فهي عبارة عن صفحة يتم عرضها للزائر قبل التوجه الى صفحة الموضوع , تحتوى الصفحة على عبارات تهنئة بحلول شهر رمضان ويظهر فيها زر " اكمل القراءة " للتوجه الى صفحة الموضوع ..

معاينة الاضافة " Codepen "

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

نتوجه الى لوحة التحكم في بلوجر > المظهر > تحرير HTML > نضغط Ctrl+f ونبحث عن الوسم ]]></b:skin> ونلصق الكود التالي فوقه مباشرة :

    #welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
    #welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
    .welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
    .welcomeclose:hover {background-color:#aaa}
    #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0egoflbPfy9RSTR5TigA6bip8s2YD6kcgb9-ZkYWgTnhDacXV2r28CtDZo0m3BfUxHGkLbhQkk5OBqCz9cVQj3db2_QZN6emsq1GC_5OnynrAT7DL5Fdw8RhUlioyqCetCD-MxEywRdDA/s1600/Wallpaper.jpg) no-repeat top center;}

ثم نبحث عن الوسم <body> ونلصق الكود التالي اسفله مباشرة :

    <div id='welcomeoverlay'/>
    <div id='welcomebox'>
        <p>“أهلا رمضان”<br/>
         نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>
    "نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>
    اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين."</p>
        <div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>أكمل القراءة →</div>
      </div>

ثم نقوم بحفظ القالب , وبعد ذلك ستعمل الاضافة ...

هذه كانت مجموعة صغيرة من الاضافات للترحيب بشر رمضان ودمتم في حفظ الله ورعايته

{ صلوا على الحيب , صلى الله عليه وسلم }

ترتيب اليكسا و الطرق المتبعة للدخول فيه

2017-05-12T15:12:00.001+03:00

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

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

ماهو اليكسا ؟

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

كيف يعمل اليكسا ؟

منذ سنوات ليست ببعيدة كان موقع اليكسا يعتمد على الزوار بشكل اساسي في ترتيبه للمواقع , اي انه كلما زاد عدد زوار الموقع كلما تحسن ترتيبه في اليكسا , ولكن مع تطور خوارزميات محركات البحث وتطور مجال السيو اصبح موققع اليكسا ينظر الى كثير من العوامل المهمة قبل وضع الموقع في رتبة معينة , اهم هذه العوامل يتمثل في معدل الارتداد Bounce Rate و الباك لينكس Backlinks ومعدل الزيارات اليومية Daily Visitor بالاضافة الى عوامل اخرى .

ماهي الارقام المناسبة في ترتيب اليكسا

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

لتوضيح الارقام المناسبة في ترتيب اليكسا لنفترض ان عمر لديه موقع انشأه بفترة ليست بطويلة مع مرور الوقت وبتوفيق الله دخل موقع عمر في ترتيب اليسكا بترتيب 28 مليون ففي هذه المرحله وحتى ترتيب 10 مليون قد لايجد موقع عمر اي منافسة في الترتيب ففئة 30-10 مليون فئة تقل فيها المنافسة وغالبا مايتحسن ترتيب الموقع فيها بسرعة .

اجتهد عمر وعمل على تحسين محتوى موقعه واهتم بجميع العوامل المهمة في حتى احتل موقع عمر مرتبة 7 مليون فهنا تكون بداية المنافسة وكما يقولون " في البدايات تشتد المنافسات " في هذه المرحلة يجب على عمر الاجتهاد اكثر حتى يحافظ على ترتيب موقعه ويحاول خفضه اكثر , وهذه هي فئة 10-4 مليون وهي فئة تبدأ فيها المنافسة ويكون ترتيب الموقع في تغير مستمر داخل هذه الفئة ويسهل فيها ارتفاع ترتيب الموقع اذا قل الاهتمام به , فهذه الفئة تحتاج الى تركيز العناية بالموقع ومحتواه .

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

واصل صديقنا عمر مهمته كمدون واتى بافكار ابداعية خفضت موقعه الى ترتيب 600 الف واشتهر الموقع واستمر في الانخفاض و لكن بصورة بطيئة , ففي هذه المرحلة يمكننا ان نقول ان عمر انتقلل بموقعه الى بر الامان فهفذه الفئة ( فئة 1 مليون الى 400 الف ) فئة ممتازة جدا بالنسبة لاصحاب المواقع الشخصية والموقع الذي يدخل في هذه الفئة لايستهان به بل ويعتبر من المواقع الناجحة على شبكة الانترنت .

هناك فئة اخيرا لم يصلها صديقنا عمر وهي فئة 400 الف - المرتبة الاولى فهي فئة تحتلها في القالب مواقع الشركات و المنتديات المدفوعة و مواقع التواصل الاجتماعي وقد يتواجد فيها عدد قليل من المواقع الشخصية وتعتبر المواقع التي دخلت هذه الفئة قد وصلت الى قمة النجاح و لاتحتاج الى مجهود كبير كالذي احتاجته في بدايتها وفي هذه الفئة تقل المنافسة بين المواقع .

طرق الدخول في ترتيب اليكسا

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

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

- معدل الارتداد :
عامل مهم جدا في السيو ويشغل مكانة مهمة في اليكسا حيث يعتبر انخفاض معدل الارتداد احد العوامل المساعدة على الدخول في ترتيب اليكسا , وللتعرف على معدل الارتداد والطرق المتبعة لخفضه اقرا هذه المقالة " تعرف على معدل الاترداد Bounce Rate وطريقة حسابه " .

- استهدف زوارك :
موقع اليكسا يعطي ترتيبين اساسيين الاول منهما هو الترتيب العالمي للموقع و الثاني هو الترتيب المحلي للموقع ويعتمد الترتيب المحلي على معدل الزوار القادمين من دولة معينة , فمثلا اذا كان لديك موقع اغلبية زوار يأتونك من مصر فسيقوم اليكسا بحساب ترتيبك في مصر مقارنة بالمواقع المصرية , لذلك احرص الى استهداف زوار دولة معينة حتى تزيد من فرصة دخول موقعك في ترتيب اليكسا .

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

خلاصة الموضوع

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

ودمتم في حفظ الله ورعايته

اضفة تجعل فيديوهات مدونتك متجاوبة

2017-04-28T11:32:00.000+03:00

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

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

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

طريقة تركيب الكود

لجعل فيديوهات مدونتك متجاوبة قم بالتوجه للوحة التحكم الرئيسية في بلوجر > المظهر > تحرير HTML ثم قم بالضغط على Ctrl+f وابحث عن الوسم <head/> والصق فوقه الكود ادناه :

ثم قم بحفظ القالب , بعدها نأتي لمرحلة الاستخدام , عند تضمين فيديو داخل مواضيعك اضف قبله وبعده الكودين ادناه بحيث يكون كود الفيديو بينهما ...

<div id=”your-video”>
كود الفيديو
</div>

مثال لذلك ...

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

اكثر من 50 مصطلح في مجال السيو لابد من معرفة معناها

2017-04-28T10:29:00.000+03:00

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

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

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

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

- Search engine تعني محركات البحث مثل جوجل , بينغ و ياهو .

- search engine optimization وتعني تحسين محركات البحث .

- black hat seo وهي الطرق و الاساليب الغير مشروعة في مجال السيو .

- gray hot seo وهي منطقة بين الاساليب المشروعة و الغير مشروعة في مجال السيو .

- white hat seo وهي الاساليب المشروعة في مجال السيو .

- on page seo وتعني تهيئة الموقع داخليا (( السيو الدخلي للموقع )) .

- of page seo وتعني تهيئة الموقع خارجيا (( السيو الخارجي للموقع )) .

- crawl وهي عملية زحف عناكب البحث لمواقع شبكة الويب .

- index هي عملية فهرسة عناكب محركات البحث لصفحات الموقع .

- spider وهي عناكب محلركات البحث حيث ان لكل محلاك بحث عناكب خاصة به .

- keyword research تعني الكلمات المستهدفة او الكلمات المفتاحية التي يتم اختيار بناءا على عدة عوامل .

- long tail keyword هي كلمات مفتاحية طويلة كالجمل او العبارات و تكون المنافسة عليها قليلة .

- short tail keyword هي كلمات مفتاحية قصيرة تكون المنافسية عليها كثيرة .

- niche هو مصطلح يرمز الى موقع متخصص في مجال معين .

- cms اختصار لـ content management system وتعنى انظمة ادارة المحتوى مثل بلوجر و ووردبريس .

- spam هي كلمة تدل على باك لينكس تم اكتاسبه بطريقة غير شرعية .

- content المحتوى الخاص بالموقع ويوجد على اكثر من شكل مثل نص او صورة او فيديو .

- backlink الروابط الخارجية التي تؤدي الى موقعك .

- link building وهي عملية بناء الباك لينك للموقع وتتم على عدة مراحل .

   - link earning وهي عملية كسب الباك لينك من خلال مشاركة الزائر لرابط موقغك في مواقع التواصل الاجتماعي .

   - internal link وهي عملية الربط الداخلي بين صفحات موقعك .

   - Link farms مواقع معمولة خصيصا لبناء الباك لينك ب'طرق مشروعة .

   - dofollow امر مخصص لعناكب البحث بتتبع رابط معين .

- no follow امر مخصص لعناكب البحث بعد تتبع رابط معين .

- redirect , التحويل ويتسخدم عند التحويل من دومين لدومين اخر او رابط لرابط اخر .

   - algorithm هي عمليات تقوم بها خوادم محرك البحث لتقيم من خلالها نتائج البحث

- alt text وصف الصور , لان عناكب البحث غير قادرة على قرائة الصورة فبتستخدم الوصف الخاص بها .

- google analytics خدمة مجانية من جوجل تقوم على تحليل بيانات موقعك وسلوك الزائر داخل الموقع .

- search console خدمة مجانية من جوجل تساعد مدراء المواقع على التحليل والتحكم بصورة اوسع في مواقعهم .

   - anchor text وهو النص الظاهر على الرابط , مثل كلمة اضغط هنا .

- domain authority و page authority تقيم من موقع moz يظهر قوة موقعك .

- bounce rate او معدل الارتداد , هونسبة الزوار الذبن دخلوا موقعك وخرجوا بدون التنقل في الموقع .

- breadcrumbs فتات الخبز , هو عمل تنسيق لشكل روابط موقعك في محركات البحث .

- canonical url تستخدم عند وجود اكثر من صفحة بنفس المحتوى فانت من خلالها تسطيع ان تخبر محرك البحث ان
                           هذه الصفحة نسخة او منبثقة من صفحة اخرى .

- cloaking احد طرق المخالفة لمحرك البحث وتعتمد على اظهار محتوى لمحرك البحث ومحتوى اخر للزائر لنفس الصفحة .

   - doorway صفحات تجلب الزوار من محرك البحث ثم تحولهم لصفحة اخرى بدون تدخل محركات البحث .

   - duplicate content المحتوى المكرر وهو يقلل ثقة محرك البحث في موقغك .

   - serp اختصار لـ search engines results pages ومعناها نتائج موقعك في محرك البحث .

   - google dance رقصة جوجل وهي تغير في نتائج موقغك (تقدم وتراجع) وتحدث غالبا اثناء تحديثات جوجل .

    - keyword density وتعني كثافة الكلمة داخل الصفحة .

   - keyword stuffing من طرق التحيل على محركات البحث وتعتمد على زيادة كثافة الكلمة داخل الموضوع .

   - lsi وهي اختصار لـ latent semantic indexing وتعنى استخدام المرادفات للكلمة المستهدفة في المقالة.

   - title وهو عنوان الصفحة .

    - meta description وهي احد انواع اكواد الـ meta tags وتقوم بوصف الصفحة او الموقع .

   - meta keyword , الكلمات الدلالية وتستخدم كاحد عوامل المؤثرة في ترتيب موقعك .

   - meta robots هي احد انواع اكواد الميتا ومخصصة لاعطاء اوامر لعناكب البحث .

   - robots.text ملف تستخدمه عناكب البحث كدليل للموقع .

   - sitemap خريطة الموقع ويسهل عمل عناكب البحث للوصول لمحتوى موقعك .

   - head tag احد اكواد الـ html وتستخدم في اعلام محرك البحث بالكلمات المهمة في الصفحة .

    - google panda مجموعة تحديثات لجوجل تستهدف محاربة المحتوى الضعيف .

   - google penguin مجموعة تحديثات لجوجل تسهدف محاربة الطرق التحايلية وخصوصا.

   - 404 او صفحات الحطأ , تظهر للزائر عند الدخول على صفحة ليست موجودة في الموقع .

    - social signals الاشارات القادمة من مواقع التواصل الاجتماعي كالاعجاب بموقعك في الفيس بوك او عمل مشاركة له .

   - pagerank احد التقيمات التي اصدرها جوجل لتقيم قوة موقعك وتم ايقافه عام 2013 .

   - amp وهي اختصار لـ accelerated mobile pages مشروع جديد يتبناه جوجل يستهدف زوار الموبايل .

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

النسخة الاولى من قالب مدونة ارشر , مجانا لكم

2017-04-14T12:11:00.001+03:00

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

بعد اربعة اشهر من العمل في تقديم المفيد و الرائع مدونة ارشر تظهر لكم في ثوبها الجديد , بقالب احترافي مصمم على نمط القوالب الحديثة بسيطة التصميم , وتقديرا لولائكم وجدنا ان اقل مايمكننا فعله هو تقديم النسخة الاولى من قالب مدونة ارشر مجانا لكم , فاعتبروه هدية , وارجوا ان تنال اعجابكم .

لنتحدث الان عن القالب ... النسخة الاولى من قالب مدونة ارشر هو عبارة عن نسخة مطورة من القالب الانجليزي (( Gvusion 2 )) تم تعريب القالب بواسطة المدون " منير محمد " وتم تطوير القالب بواسطتي انا " محمد ارش " , فكرة تصميم القالب غير منقولة من اي مدونة او موقع اخر , فهي افكار و تصاميم اساسية موجودة في القالب قمت باضافة لمستي الخاصة عليها .

معاينة القالب

الالوان و خلفية القالب

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

الخطوط المستخدمة في القالب

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

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

فكرة الظلال

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

تجاوب متكامل 100%

اهم مايميز النسخة الاولى من قالب مدونة ارشر هو تجاوبها مع جميع الشاشات بنسبة 100% حيث ان القالب يأخذ تصميم معين في شاشات الهواتف , ويزيد من حجمه في شاشات الـ LCD الكبيرة , وتجاوب القالب اصبح واحد من المعايير المهمة في السيو و اخذته جوجل على محمل الجد حيث ان المواقع الغير متجاوبة تتعرض لعقوبات .

كما ان شركات الهواتف المحمولة و بالاخص " آبل Apple " تمنع مستخدميها من دخول المواقع الغير متجاوبة مع الهاتف , ويعتبر هذا بمثابة عقوبة للموقع , لانه سيفقد زائر جديدا الان و في المستقبل , فبعد استخدامك لقالب مدونة ارشر يمكنك ان تنسى جانب تجاوب قالبك تماما , كل ما عليك هو التركيز على الجوانب الاخرى في موقعك .

لمعاينة تجاوب القالب " responsinator.com " .

خصائص ومميزات اخرى في القالب

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

تعديلات مهمة قبل استخدام القالب

🔧 تعديل القائمة العلوية :

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

<ul>
              <li class='active'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home5'><a href='#'>اتصل بنا</a></li>
              <li class='home3'><a href='#'>ادعم ارشر</a></li>
              <li class='home4'><a href='#'>التبادل الاعلاني</a></li>
              </ul>

🔧 تعديل القائمة الرئيسية :

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

<ul>
<li class='homers'><a href='/'>الرئيسية</a></li>
<li><a class='archtip' href='#' title=' دورة ترسم لك طريق النجاح في مجال التدوين'>دورة كن مدون</a></li>
<li><a class='archtip' href='#' title='قسم يحتوى على مجموعة من المقالات المتعلقة بمدونات بلوجر'>دروس بلوجر</a></li>
<li><a class='archtip' href='#' title='تريد قوالب احترافية لمدونتك !! هذا هو القسم المناسب'>قوالب بلوجر</a></li>
<li><a class='archtip' href='#' title='افضل الاضافات و الادوات لمدونات بلوجر تجدها في هذا القسم'>اضافات بلوجر</a></li>
<li><a class='archtip' href='#' title=' كل مايتعلق بمجال السيو تجده هنا'>سيو - SEO</a></li>
<li><a class='archtip' href='#' title=' لديك استفسار او سؤال حول التدوين اطرحه هنا'>اسأل ونحن نجاوب</a></li>
</ul>

🔧 تعديل ازرار التواصل الاجتماعي :

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

<ul id='socialmedia'>
<li class='tooltip'><a href='https://www.facebook.com/archer.blog/' target='_blank'><img class='sfacebook' src='http://store6.up-00.com/2017-02/148826855063931.png'/></a><span class='tooltiptext'>Facebook</span></li>

<li class='tooltip'><a href='http://feeds.feedburner.com/archer-blog' target='_blank'><img class='srss' src='http://store6.up-00.com/2017-02/148826855088013.png'/></a><span class='tooltiptext'>RSS</span></li>
<li class='tooltip'><a href='https://plus.google.com/u/0/me?tab=jX' target='_blank'><img class='sgoogle' src='http://store6.up-00.com/2017-02/148826855074362.png'/></a><span class='tooltiptext'>Google+</span></li>
</ul>

🔧 تشغيل السلايد شو :

القالب يحتوى على سلايد شو ديناميكي او شريط يقوم بعرض اخر المواضيع لتشغيل السلايد شو بحيث يقوم بعرض مواضيع مدونتك قم بالبحث عن الكود ادناه واستبدل الرابط باللون الازرق الى رابط مدونتك بدون اللاحقة http:// ثم قم بحفظ القالب .

🔧 تعديل الكاتب :

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

<div class='author_description_container'><div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href='#'>
<img class='author_avatar' expr:alt='data:post.author' height='110' src='http://www.mrkzgulf.com/do.php?img=491193' width='110'/>
</a>
</div>
<h4>الكاتب : <a rel='author'><data:post.author/></a></h4>
<p>
مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر
<data:post.authorAboutMe/>
</p>
<div class='authorsocial'>
<a class='img-circle1' href='https://www.facebook.com/mo7medarch' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle3' href='https://plus.google.com/u/0/me?tab=jX' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>

🔧 التعديل على اضافات السايدبار و الفوتر يمكنك التجكم فيها بواسطة التخطيط

📥 التحميل و 🔐 حقوق القالب

حذف الحقوق ,, العادة المنبوذة التي توجد في المحتوى العربي بكثرة , حتى انها قد اصبحت امرا عاديا ولاينظر الى فاعلها على انه سارق بل و يؤيده الكثيرين على مافعل , هذا الامر له عقوبة من الله في الدنيا قبل الاخر , فاخذ حق ليس لك او استحلال حق دون علم صاحبه امر لايصح في ديننا الحنيف , فارجوا منكم عدم حذف الحقوق او التلاعب او التعديل عليها , حقوق التصميم محفوظة لـ " مدونة ارشر " , وحقوق التعريب محفوظة لمدونة " مدون محترف " ...

التحميل - ميديا فاير

ودمتم في حفظ الله ورعايته

{ رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ }

اجعل موقعك قابلة للقراءة , لنتائج افضل في جوجل

2017-04-10T10:04:00.002+03:00

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

السلام عليكم , النظام و التنسيق امور مهمة في كل موقع و منشأة وكل شركة وكل مكان , لان الزائر يحكم على الموقع من النظرة الاولى والنظرة الاولى تبنى عليها كثير من الامور , من اهم عوامل السيو التي يجهلها الكثيرون هو جعل صفحات الموقع ممتعة وقابلة للقراءة , فالمحتوى بالنسبة لجوجل هو كل شئ لذلك يجب الاهتمام به .

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

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

كيف اجعل موقعي ممتع و قابل للقراءة ؟

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

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

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

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

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

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

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

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

الخلاصة

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

ودمتم في حفظ الله ورعايته

اللهم صلى وسلم على سيدنا محمد

صندوق منبثق للاشتراك في قناة اليوتيوب

2017-04-05T21:34:00.000+03:00

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

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

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

معاينة الاضافة "Codepen "

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

توجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة HTML/JavaScript > والصق بداخلها الكود ادناه, واترك حقل العنوان فارغا , ثم احفظ الاداة .

قم بتغيير المعرف باللون الاحمر الى معرف قناتك في اليوتيوب

ودمتم في حفظ الله ورعايته

افضل الخطوات لتكوين جمهور في مواقع التواصل الاجتماعي

2017-04-01T13:18:00.001+03:00

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

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

اتجه خبراء المواقع الالكترونية الى مواقع التواصل الاجتماعي لتسويق المحتوى من خلالها وكانت النتيجة هي انه كلما زادت نسبة تفاعل الموقع في شبكات التواصل الاجتماعي زادت نسبة الزيارات اليومية للموقع , ومع مرور الزمن اصبحت مواقع التواصل الاجتماعي واحدة من اهم مصادر الزوار , ومع مرور الزمن تتزايد اهمية هذه المواقع نظرا لما تحققه من نتائج .

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

1 . جهز صفحتك لاستقبال الزوار :
بعد انشائك للصفحة يجب عليك تنسيقها و تنظيمها ويكون ذلك بتصميم غلاف احترافي لصفحتك و تصميم صورة شخصية رائعة تلفت النظر , وادخل معلومات كاملة عنك وعن موقعك , وكل ذلك لتكون صفحتك جاهزة عندما يزورها شخص ما , فمظهر الصفحة و المعلومات التي تقدمها يدخل انطباعا ممتازا في ذهن الزائر حيث انه سيشعر بان هذه صفحة رسمية لموقع له مكانته بين المواقع .

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

3 . اسلوبك يميزك عن غيرك :
بعد نشر الصفحة الترويج لها حاول استخدام اسلوب مميز في النشر داخل صفحتك فمثلا اذا كنت تنشر نصوص استخدم طريقة معينة لكتابة نصوصك وزينها ببعض الايقونات و التعابير , اما اذا كنت تنشر صور تحتوي على معلومات فلا تنشر الصورة كما هي حاول التديل عليها واضافة تصميمات وعديلات بسيطة عليها , فهذا الامر سيميز صفحتك عن غيرها من الصفحات وسيساعد في اشهارك بسرعة .

4 . اكسب متابعيك :
هذه الخطوة هي اهم خطوة , فبعد استقطابك للمتابعين و الزوار من خلال نشر الصفحة و الترويج لها , تأتي مرحلة زيادة التفاعل و الحفاظ على هؤلاء المتابعين وزيادة عددهم , ويكون ذلك باتباع عدة اساليب اهمها تكافئ المتفاعلين في صفحتك وتميز عن غيرهم من المتابعين , و تقدم خدمات و هدايا مجانية لهم لتحفز بقية المتابعين على التفاعل في الصفحة , كما يمكنك ان تقدم شئ كمقابل لمن يقوم بنشر الصفحة و مشاركتها مع اصدقائه فهذه الامور كلها ستخلق نوع من الثقة بينك وبين متابعيك و ستحفزهم على التفاعل داخل الصفحة .

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

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

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

ودمتم في حفظ الله ورعايه

{ وَاجْعَلْنِي مِن وَرَثَةِ جَنَّةِ النَّعِيمِ }

صناديق اقتباس احترافية لتنسيق مواضيع مدونات بلوجر

2017-03-30T22:30:00.001+03:00

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

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

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

لمعاينة صناديق الاقتباس اضغط على هذا الرابط (( من هنا ))

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

نتوجه الى لوحة التحكم في بلوجر > المظهر > تحرير HTML ثم نضغط على Ctrl+f ونبحث عن الوسم <b:skin><[[ ثم نضع فوقه الكود التالي :

.pre {
    background: #fff;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
}

pre.code {
    margin: 20px 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 1px          rgba(0,0,0,.08);
}
pre.code label {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #444;
    position: absolute;
    left: 1px;
    top: 16px;
    text-align: center;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

pre.code code {
    font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    display: block;
    margin: 0 0 0 60px;
    padding: 15px 16px 15px;
    border-left: 2px solid #d9d9d9;
    overflow-x: auto;
    font-size: 13px;
    line-height: 19px;
    color: #444;
}

pre::after {
    content: "اضغط مرتين لنسخ الكود";
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 12px;
    color: #aaa;
    line-height: 20px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease;
}

pre:hover::after {
    opacity: 0;
    visibility: visible;
}

pre.code-css code {
    color: #0288d1;
}

pre.code-html code {
    color: #558b2f;
}

pre.code-javascript code {
    color: #f57c00;
}

pre.code-jquery code {
    color: #78909c;
}
pre.code-text code {
color:red;
}

ثم نبحث عن الوسم </body> ونلصق فوقه الكود التالي :

بعد ذلك نقوم بحفظ القاالب ونتوجه الى طريقة الاستخدام .

طريقة استخدام الصناديق

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

<pre class='code code-html'><label>HTML</label><code>... Code HTML ...</code></pre>

<pre class='code code-css'><label>CSS</label><code>... Code CSS ...</code></pre>

<pre class='code code-javascript'><label>JS</label><code>... Code JavaScript ...</code></pre>

<pre class='code code-jquery'><label>Jquery</label><code>... Code jQuery ...</code></pre>

<pre class='code code-text'><label>اقتباس</label><code>... اقتباس ... </code></pre>

نوع المحتوى الذي تريد وضعه داخل الصندوق سيحدد الكود الذي ستسخدمه فمثلا اذا ارت استخدام صندوق لتكتب كود CSS بداخله ستستخدم الكود الثاني او اردت ان تكتب بداخله كود HTML ستسخدم الكود الاول او اردت ان تكتب نص عادي او اقتباس ستسخدم الكود الاخير وهكذا ...

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

ودمتم في حفظ الله ورعايته

قالب فرينندس , قالب مصمم بنكهة عربية

2017-03-26T16:08:00.001+03:00

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

السلام عليكم , الكثير من المدونين على منصة بلوجر يبحثون عن قوالب احترافية لمدوناتهم ولكن في اغلب الاحيان القوالب الاحترافية تكون مدفوعة , ولايمكن للمدون ان يصمم قالب احترافي بدون امتلاك الخبرة في لغة HTML و CSS , اليوم في هذا المقال اقدم لكم قالب ممصم بنكهة عربية خالصة بواسطتي انا محمد ارش , فارجوا ان ينال اعجابكم .

قالب فريندس هو نسخة مطور من قالب انجليزي , تم تعريب القالب بواسطة صاحب مدونة مداد الجليد ثم قمت انا بتطوير القالب بالتعديل على اكواد وتغيير هيكيلة القالب بصورة كاملة , سمي بقالب فريندس لان اكثر مايميزه هو احتوائه على اكواد صديقة لمحركات البحث حيث تمت اضافة اكواد ميتا تاج مدفوعة وتم تحسين وسوم العناوين H1 و H2 , بالاضافة الى ان اكواد القالب نظيفة تماما وخالية من اي اضافات خارجية .

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

معاينة القالب " قالب فريندس "

صورة كملة للقالب

اهم مايميز القالب

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

والمزيد من المميزات الاخرى اكتشفها بنفسك ...

التحميل و حقوق التصميم و التعريب

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

التحميل : (( ميديا فاير ))

____________________________

ودمتم في حفظ الله ورعايته
{ رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاءِ }

قالب اللؤلؤة السوداء المتجاوب لمدونات بلوجر

2017-03-25T09:26:00.000+03:00

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

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

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

خصائص ومميزات القالب

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

صورة كاملة للقالب

المعاينة و التحميل

حقوق تعريب وتصميم القالب محفوظة لاصحابها

👀 المعاينة " من هنا "

📥 التحميل " ميديا فاير "

طريقة انشاء رابط لاعادة التوجيه في بلوجر

2017-03-25T08:53:00.001+03:00

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

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

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

👀 معاينة الاضافة " اضغط هنا "

كود الاضافة

طريقة استخدام الكود والتعديل عليه

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

🔗 مثال لاستخدام الكود في صفحة " صفحة اعادة التوجيه "

لاي استفسار انا في الخدمة ودمتم في حفظ الله وعايته

صلوا على الحبيب , صلى الله عليه وسلم

تعرف على معدل الاترداد Bounce Rate وطريقة حسابه

2017-03-22T00:17:00.000+03:00

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

السلام عليكم , مجال السيو هو مجال واسع جدا يحتوى على مصطلحات كثيرة تختلط على اصحاب المواقع , حيث ان هذه المصطلحات يصعب تفسيرها و التعرف على مفهومها ببساطة , احد هذه المصطلحات هو مصطلح " معدل الارتداد Bounce Rate " كثيرا مانسمع بهذا المصطلح و لكن لانعلم مفهوكه و علاقته بالسيو والمواقع الالكترونية , في هذا المقال سنتعرف على مفهوم معدل الارتداد بالتفصيل ونتعرف على طريقه حسابه ومدى اهميته بالنسبة لمحركات البحث .

ابسط تعريف لمصطلح معدل الارتداد Bounce Rate

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

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

طريقة حساب معدل الارتداد لصفحة معينة

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

احصائيات مفصلة لمعدل الارتداد الخاص بموقعك

يمكنك التعرف على معدل الارتداد لجميع الصفحات في موقعك من خلال مشاهدة الاحصائيات التي تقدمها داة " analytics.google " حيث تقوم الاداة بتتبع كل زائر من لحظة دخوله لموقعك حتى لحظة خروجه وتقوم بعمل تحليل كامل لكل ماقام به داخل موقعك , فهذه الاداة هي الوحيدة التي يمكنها حساب معدل الارتداد بدقة .

تعتبر اداة " analytics.google " من افضل الادوات بالنسبة لاصحاب المواقع فهي تقدم معلومات كاملة وشاملة عن كل جزء في موقعك , كما انها تدعم هذه المعلومات بالرسوم البيانية التي تعطيك فكرة عامة عن مدى تقدم موقعك خلال فترة معينة من الزمن .

وسائل وطرق خفض معدل الارتداد

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

🔘 الاهتمام بمحتوى الصفحات وتقديم محتوى ممتاز و مفصل .
🔘 الاهتمام بالربط الداخلي عن طريق ادخال روابط لصفحات اخرى في الموقع داخل محتوى الصفحة .
🔘 الاهتمام بسرعة تحميل الموقع عن طريق التعديل في كود القالب الخاص بالموقع .
🔘 الاهتمام بتصميم الموقع و تنسيق محتوى الصفحات الخاصة بالموقع .

اهمية خفض معدل الارتداد

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

الخلاصة

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

ثلاثة اسئلة يجب ان تطرحها قبل القيام بحملة سيو لموقعك

2017-03-17T11:52:00.000+03:00

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

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

السؤال الاول : هل المحتوى يستحق التحسين ؟

اذا اردت القيام بحملة لتحسين سيو موقعك اول مايتوجب عليك النظر اليه هو المحتوى فهو اساس السيو , المحتوى يجب ان يكون في درجة عالية من الجودة بحيث لايتواجد في موقعك محتوى منقول جملة وتفصيلا كما يجب ان يحتوى موقعك على مقالات كبيرة على الاقل " 4 او 5 " بحسب فترة انشائك للموقع , فالمحتوى المفصل يقدم معلومات اكثر للزائر وهذا مايفضله جوجل, كما يجب ان تحتوى مواضيعك على كلمات مفتاحية مناسبة لمحتوى موقعك كلمات يمكنها وضعك في مقدمة نتائج البحث .

اذا كان محتوى موقعك متوافق مع الشروط و العوامل التي ذكرناها سابقا يمكنك ان تسأل نفسك السؤال الثاني , اما اذا كانت اجابتك بلا فيجب عليك تحسين المحتوى الخاص بك اولا قبل الشروع في تحسين الموقع باكلمه .

السؤال الثاني : هل يحقق موقعك الهدف المنشود ؟

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

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

السؤال الثالث : كيف هو حال الكود الداخلي للموقع ؟

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

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

الخلاصة

اذا كانت اجابتك على الاسئلة السابقة بـ " نعم " بعد ذلك يمكنك القيام بحملة سيو محكمة تقوم فيها بتحسين السيو الداخلي لموقعك وتقوم فيها باشهار موقعك و الترويج له و كسب عدد من الباك لينكات ذات الجودة العالية , ومع مرور الزمن ستجد ان موقعك تحسن تحسنا ملحوظا باذن الله .

ودمتم في حفظ الله ورعايته

{ وَالَّذِينَ يَقُولُونَ رَبَّنَا اصْرِفْ عَنَّا عَذَابَ جَهَنَّمَ ۖ إِنَّ عَذَابَهَا كَانَ غَرَامًا }

قالب رضا الاحترافي لمدونات بلوجر

2017-03-17T10:56:00.001+03:00

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

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

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

المعاينة " اضغط هنا "

مميزات اخرى للقالب

📌 السرعة و بساطة التصميم .
📌 تجاوب اكواد مع السيو الداخلي On-page SEO .
📌 احتوائه على اكواد ميتا تاج ممتازة .
📌 جودة التكويد ونظافة الكود الخاص به .
📌 تصميمه يتميز بالوان الوان رائعة وخطوط احترافية .
📌 سهولة التعديل على تصميمه .

التحميل " ميديا فاير "

اتمنى ان يعجبكم القالب

ودمتم في حفظ الله ورعايته

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

2017-03-12T07:38:00.001+03:00

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

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

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

شرح الطريقة

اولا نتوجه الى لوحة التحكم في بلوجر > ثم نضغط على التبويب احصائيات > ثم نضغط على > إدارة تتبع عدد مرات مشاهدة الصفحة كما في الصورة ادناه :

ستظهر صفحة جديدة نعلم خيار " عدم تتبع مرات مشاهدتي لهذه المدونة " كما في الصورة :

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

ودمتم في حفظ الله ورعايته

تجاوب القالب مع الشاشات والطريقة الصحيحة لتفعيله

2017-03-10T09:07:00.000+03:00

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

السلام عليكم , مع تطور التكنولوجيا اصبحت الهواتف و التابلت من اهم الوسائل المستخدمة في تصفح الانترنت , حيث انها اصبحت منافسا قويا لاجهزة سطح المكتب , لذلك ركزت اغلب محركات البحث على استخدام خوارزميات فحص التجاوب , التي تحدد اذا ماكان الموقع متجاوب مع جميع الشاشات ام لا , ومن اهم هذه المحركات " محرك بحث جوجل " الذي جعل من التجاوب عاملا رئيسيا لضمان عرض موقع ضمن نتائج البحث , كما ان شركات الاجهزة اللوحية مثل " آبل Apple " تعاقب اصحاب المواقع غير المتجاوبة باخبار المستخدم بان هذا الموقع غير متجاوب ولايمكن عرضه على الهاتف , وبالتالي سيخسر الموفع زائرا .

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

السرعة :
حيث ان نموذج الهاتف يتميز بسرعة تحميل ممتازة وقصيرة نسبيا لانه في نموذج الهاتف يتم حذف اكواد الجافا سكريبت وضغط اكواد css وتقليل جودة الصور ليتم التصفح بسهولة , فقد اكدت الاحصائيات ان مستخدم الهاتف يمكنه الانتظار مدة 5 ثواني كحد اقصى لانتظار تحميل موقع بعكس مستخدم جهاز سطح المكتب الذي يمكنه الانتظار ضعف هذا الرقم 3 مرات .

جمال التصميم :
النموذج المتجاوب يتميز بمحافظته على الوانه و جميع اكواده و التصاميم الخاص به , فهو مجرد ضبط لمقاسات العرض , اي انه يتم عرض القالب بكامل ادواته و تصميماته ولكن بمقاس اصغر بقليل من مقاس نموذج سطح المكتب , وهذا الامر يؤثر على سرعة التحميل ولكن ليس الى حد كبير .

طريقة جعل القالب متجاوبا

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

بعد ذلك سنضغط على زر " تحرير HTML " ونضغط Ctrl+f ونبحث عن الوسم <head> ونضيف الكود التالي فوقه مباشرة :

بعد ذلك يتم العمل عل الكود التالي , نبحث عن الوسم ]]></b:skin> ونلصق فوقه الكود التالي :

@media screen and (max-width : 790px) {
اكواد الـ CSS
}

ومعنى هذا الكود انه عندما يكون حجم الشاشة 790 قم بعرض اكواد ال css الاتية كما يلي , حيث انه سيتم استبدال عبارة " اكواد ال css " بمجموعة من الاكواد الرئيسية في قالبك , فمثلا يمكن اضافة كود الهيدر ليصبح بحجم 690px وبالتالي سيتناسب مع الشاشات ذات الحجم 790px وهكذا ..

يمكنك تكرار الكود مع تغيير حجم التجاوب ومقاس الاجزاء الرئيسية في قالبك , واشهر احجام التجاوب المستخدمة هي 980px , 790px , 400px ويمكنك استخدام كود مقاس العرض width و الارتفاع height لضبط مقاسات الاجزاء الرئيسية في قالبك .

الخلاصة

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

ودمتم في حفظ الله ورعايته

اللهم ارزقنا شربة من حوض نبيك يوم تحشر عبادك

اكواد ميتا تاج مدفوعة لتحسين ارشفة موقعك مجانا لكم

2017-03-08T21:51:00.000+03:00

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

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

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

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

توجه الى لوحة التحكم في بلوجر > القالب > تحرير HTML > ثم قم بحذف اكواد الميتا تاج الموجودة في قالبك , ستجدها موجودة اعلى الوسم <head> , بعد ذلك قم بنسخ الاكواد التالية والصقها في القالب :

تعديلات مهمة قبل الحفظ

🔃 " رابط ايقونة الفافايكون " استبدل هذه العبارة برابط الايقونة الخاصة بموقعك مثلا http://ar-cher.blogspot.com/favicon.ico ويمكنك تعلم طريقة انشائه من هنا " تغيير ايقونة Favicon لمدونات بلوجر " .
🔃 " رابط موقعك " استبدل هذه العبارة برابط موقعك مسبوقا بـ http:// .
🔃 " رابط صورة الشعار " استبدل هذه العبارة برابط صورة الشعار الخاص بمدونتك .
🔃 " اسم الدولة بالانجليزي " استبدل هذه العبارة باسم دولتك التي تقيم فيها و تدير منها موقعك ويجب ان يكتب بالانجليزي .
🔃 " اسم صاحب الموقع بالانجليزي " استبدل هذه العبارة باسم مكتوبا باللغة الانجليزية .
🔃 " وصف مختصر لموقعك " استبدل هذه العبارة بوصف مختصر ودقيق عن موقعك لايتعدى 150 حرف , ويجب ان يكون الوصف لما يحتويه الموقع فعلا , فلا تأتي بما ليس في موقعك .
🔃 " الكلمات المفتاحية " استبدل هذه العبارة بالكلمات التي تستهدفها في مواضيع موقعك , بحيث تكتبها بالانجليزي و بالعربي معا ويجب ان تفصل بين الكلمات بعلامة ( , ) مثلا ( برامج,اندرويد,قوالب,photoshop,games وهكذا ... ) , اكتب كلمات تستهدفها فعلا في موقعك , فلا تظن ان كثرة الكلمات ستفيد موقعك بل ستضره .
🔃 " اسم صاحب الموقع في الفيسبوك " استبدل هذه العبارة بالاسم الذي تستخدمه في موقع الفيسبوك .
🔃 " 805475286143287 " استبدل هذا الرقم بمعرف تطبيق مدونتك على الفيسبوك الذي يمكنك انشاؤه من خلال التوجه الى هذا الرابط " facebook setup " ثم نسخ المعرف .
🔃 بعد القيام بهذه التعديلات احفظ القالب .

ودمتم في حفظ الله ورعايته

قالب الصيانة بتصميمه الاحترافي لمدونات بلوجر

2017-03-06T10:23:00.000+03:00

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

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

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

لمعاينة القالب " اضغط هنا "

اهم ما يميز القالب

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

تشغيل اضافة الاشتراك في القائمة البريدية

لتشغيل الاضافة , بعد تثبيت القالب ابحث عن العبارة " YOUR-USER-NAME " ستجدها مكررة مرتين استبدلها في المرتين بمعرف مددونتك في " فيد برنر " ثم قم بحفظ القالب .

الخلاصة و التحميل

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

🔗 التحميل ميديا فاير " اضغط هنا "

ودمتم في حفظ الله ورعايته

مزارع المحتوى وتأثيرها السلبي على موقعك

2017-03-04T15:08:00.000+03:00

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

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

في هذا المقال تهمنا ناحية المنافسة في تقديم المحتوى , حيث ان المنافسة في المحتوى تحتاج الى خبرة و استراتيجية معينة تضمن لك النجاح , حيث انه يمكن المنافسة في جودة المحتوى او في معدل المقالات التي تقدمها يوميا ولكن تجنب زراعة المحتوى , التي ستقودك الى فشل لم تتوقعه ابدا , في هذا المقال سنتعرف على معنى مصطلح زراعة المحتوى content farm , وكيف يؤثر سلبيا على موقعك .

معنى مصطلح زراعة المحتوى content farm

يمكن تعريف مصطلح زراعة المحتوى content farm على " عملية نشر عدد كبير جدا من المقالات (( 30 فأكثر )) في يوم واحد " , وتكثر هذه العملية في المواقع الاخبارية و الرياضية , حيث ان تنشر في اليوم مجموعة كبيرة جدا من المواضيع , الموضوع الواحد لا يتعدى بضع سطور .

فمثلا في المواقع الرياضية تجد موضوع عنوانه " ردة فعل مدرب برشلونة بعد الهدف " لتدخل الى الموضوع لتجد محتواه " قام انريكي مدرب برشلونة بالدخول الى ارضية الملعب والاعتراض على هدف سجله مدافع ريال مدريد " راموس " في شباك برشلونة خلال الدقيقة الاخيرة من المباراة بداعي التسلل , ولكن الحكم اشاد بصحة الهدف وبذلك يتحقق النصر لفريق ريال مدريد "

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

سلبيات زراعة المحتوى

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

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

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

امثلة لمواقع تزرع المحتوى

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

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

الخلاصة

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

ودمتم في حفظ الله ورعايته

"رب لاتذرني فردا و انت خير الوارثين "