‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
دروس السيو: دورة Google Analytics باللغة العربية والإنجليزية!

دروس السيو: دورة Google Analytics باللغة العربية والإنجليزية!

دورة Google Analytics باللغة العربية والإنجليزية!

إن كنت مالكا لموقع ما، فلا شك في أنك تريد مراقبة تحركات زوارك في موقعك، ومصادر حركة زياراتهم، وكم عدد الزيارات في موقعك، وليس عدد مرات مشاهدات الصفحة، وهذا ما لا توفره لك منصة بلوجر..
بطبيعة الحال فإنك كمالك موقع لا ينبغي أن تهمل هاته المنصة، عليك مراقبتها باستمرار تام، حتى تعرف مدة مكوث الزائر بموقعك (Bounce Rate - معدل الارتداد)، وعدد الزوار الذين يعودون لزيارة موقعك (Returning visitors)، والزوار الجدد (new visitors).
والعديد من المميزات التي تخولها لك هاته المنصة الرائعة، التي جعلت من إدارة موقعك فيما يخص تحليل ترافيك موقعك إدارة سهلة وبسيطة كما أنها مستهدفة.
إن لم تكن قد سمعت أبدا بهذه المنصة أو قد سمعت بها إلا أنك لا تعرف كيف تقوم بإدارتها وتحليل ترافيك موقعك، فأنا هنا من أجلك أخي الكريم حيث أنني في هذه التدوينة قررت أن أشاركك دورتين في منصة Google Analytics، الأولى باللغة العربية، والثانية باللغة الإنجليزية، ويبقى لك أنت أن تختار ما تريد أخي الكريم.

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

طريقة تركيب مضاد مزيل الإعلانات AdBlock على مدونات بلوجر

طريقة تركيب مضاد مزيل الإعلانات AdBlock على مدونات بلوجر

 إن كنت مدونا أو مالك موقع فلا شك في أن مصدرك الربحي من خلال هذا الموقع هو إعلانات شركة جوجل أدسنس، أو أي شركة منافسة أخرى مثل RevenueHits أو Bidvertiser أو غيرها..
 وبالتالي فإنك تحتاج إلى نقرات من طرف الزوار لكي تربح، وحتى إن لم تربح من النقرات سوف تربح من خلال مرات مشاهدة الإعلان، لكن في بعض الأحيان قد تصادف زوارا يستعملون مضاد الإعلانات Adblock والذي يعتبر أكثر إضافة تحميلا على متجر جوجل كروم وبالتالي لن تستطيع تحقيق دخل من خلال هؤلاء نظرا لأن الإعلانات لن تظهر لهم وهو ما يشكل لك عائق مادي أمامهم.
 لذلك في درس اليوم سوف أتطرق معك إلى طريقة تركيب مضاد مزيل الإعلانات الإعلانات AdBlock على مدونتك في بلوجر قصد إجبار الزائر على إزالة هذه الإضافة من أجل تصفح الموقع، وبالتالي هذا ما يزيد من  فرصة الربح من خلال زوارك أخي الكريم.
دعنا ندخل في صلب الموضوع الآن!

أول شيء أخي الكريم تقوم بالتوجه نحو قالب، ثم تحرير HTML ثم ابحث عن :
<body>

قم بوضع هذا الكود بعده (تحته):
<div id='allinantiadblock'>

الآن إبحث عن هذا الوسم:
</body>

وقم بإلصاق هذا الكود فوقه (قبله):

<div id='adblockertextset'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script src='https://antiadblockmsg.googlecode.com/svn/trunk/advertisement.js' type='text/javascript'/>
<script src='https://antiadblockmsg.googlecode.com/svn/trunk/antiadblockmsg.js' type='text/javascript'/>  

وبالنهاية أتمنى أن تستفيد من هذا الدرس والسلام عليكم ورحمة الله وبركاته!
تحيّاتي!
معاذ غازي - خطوات مطور
قالب بلوجر روعة خاص بالمدونات التي تعرض الفيديوهات

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

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

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


قم بتغيير هذا الكود إلى ما يناسبك (في التدوينات وليس في القالب):

<iframe allowfullscreen="" frameborder="0" height="450" src="http://www.youtube.com/embed/jEnd8JIMii4" width="100%"></iframe>

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

إضافات بلوجر - إضافة تغيير لون الخلفية لمدونات بلوجر

إضافات بلوجر - إضافة تغيير لون الخلفية لمدونات بلوجر

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

لذلك قررت أن أشاركك إياها في تدوينة اليوم بإذن الله!

نمر الآن إلى طريقة تركيب الإضافة:

1.قم بالذهاب إلى مدونتك على بلوجر.
2.تخطيط.
3.إضافة أداة
4. إختر HTML/JavaScript
5.ثم قم بإضافة هذا الكود :

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <table border="1" width="100%" height="20"> <tbody><tr> <td onclick="bgChange('#8B008B')" bgcolor="#8B008B"> </td> <td onclick="bgChange('#9400D3')" bgcolor="#9400D3"> </td> <td onclick="bgChange('#008080')" bgcolor="#008080"> </td> <td onclick="bgChange('#808080')" bgcolor="#808080"> </td> <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"> </td> <td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"> </td> <td onclick="bgChange('#DC143C')" bgcolor="#DC143C"> </td> <td onclick="bgChange('#4B0082')" bgcolor="#4B0082"> </td> <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"> </td> </tr></tbody></table>


المزيد من الإضافات :
إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر
[إضافات بلوجر] إضافة شريط آخر المواضيع لمدونات بلوجر
[إضافات بلوجر] إضافة التنبيه من نقل المواضيع من مدونتك دون ذكر المصدر

والسلام عليكم ورحمة الله وبركاته!

معاذ غازي - خطوات مطور
[قوالب بلوجر 2015] قالب بلوجر احترافي للمدونات التقنية فلات وتجاوبي

[قوالب بلوجر 2015] قالب بلوجر احترافي للمدونات التقنية فلات وتجاوبي

[قوالب بلوجر 2015] قالب بلوجر احترافي للمدونات التقنية فلات وتجاوبي

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


جميع الحقوق محفوظة لمدونة المهووس.

إقرأ أيضًا:
قوالب بلوجر: قالب بلوجر احترافي خفيف وسريع من تصميم خطوات مطور

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

معاذ غازي - خطوات مطور

قوالب بلوجر: قالب بلوجر احترافي خفيف وسريع من تصميم خطوات مطور

قوالب بلوجر: قالب بلوجر احترافي خفيف وسريع من تصميم خطوات مطور

قالب بلوجر احترافي خفيف وسريع من تصميم خطوات مطور

السلام عليكم ورحمة الله وبركاته، لا يخفى عليكم أن القالب الاحترافي من سمات المدونة الاحترافية، كذلك فسرعة القالب هي مهمة كذلك لتحسين تجربة المستخدم، لأن الزائر ليس لديه الوقت لكي ينتظر لوقت طويل حتى تحميل الصفحة، ولا يهتم بإضافات Jquery والJS plugins بقدر ما يهتم بتلبية طلبه في الحصول على المعلومة لذلك فالسرعة هي العامل الأهم!
 اليوم قررت أن أشاركك قالب بلوجر احترافي جمعت لك فيه هاته المميزات، قمت بالانتهاء من تصميمه مؤخرا، وقلت لم لا أشاركه مع الأصدقاء بدل أن أضعه في متجر لبيعه أو ما شابه ذلك.
القالب هو سريع جدا، ومخصص للمدونات التقنية والثقافية على حد سواء، كما أنه يتميز بالبساطة في الاستعمال وبالنقاء والصفاء، حيث أن الألوان التي قمت باستعمالها ألوان خفيفة مريحة للعين، كما أن الزائر سيتصفح موقعك بسهولة ويبقى فيه لمدونة طويلة أيضًا!
بالإضافة إلى أن الإضافات التي تم استعمالها هي إضافات ضرورية للقالب، وليست زائدة أو "خضرة فوق الطعام" كما يقول المغاربة.
دون أن أطيل عليك أتركك لكي تعاين القالب بنفسك : من هنا
لتحميل القالب : من هنا
كلمة فك الضغط : www.dev-steps.com

سرعة القالب:
قوالب بلوجر: قالب بلوجر احترافي خفيف وسريع من تصميم خطوات مطور


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

المزيد من قوالب بلوجر الاحترافية.
تحياتي !
معاذ غازي - خطوات مطور
5 أخطاء ارتكبتها أثناء إنشاء مدونة خطوات مطور - حذاري من أن تقع فيها!

5 أخطاء ارتكبتها أثناء إنشاء مدونة خطوات مطور - حذاري من أن تقع فيها!

5 أخطاء ارتكبتها أثناء إنشاء مدونة خطوات مطور - حذاري من أن تقع فيها!

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

لندخل في صلب الموضوع!

الخطأ الأول : افتتاح مدونة خطوات مطور

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


الخطأ الثاني : محتوىً مشتث

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


الخطأ الثالث : خبرة غير كافية!

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


الخطأ الرابع : عدم وجود دومين مدفوع للموقع

 بدأت ب.blogspot.com وكما تعلمون فهو نطاق غير احترافي، نظرا لأنه ليس مدفوعا، وصعب الحفظ نوعا ما، كما أن الزائر يعلم أنك غير متمكن من المجال وليس لك مال لتدفعه حتى تشتري الدومين ومع الأسف هذه عقلية العرب، دون أن ينظر إلى الContent يحكم على المدونة وهذا خطأ.
لكن رغم ذلك أخي الكريم، من الأفضل أن تشتري نطاقا .net أو .com منذ البداية لتفادي الوقوع في مثل هاته المشاكل، كما أن جوجل تحب النطاق المدفوع على .blogspot.com الافتراضي..
ولا تقل لي سوف أحصل على نطاق مجاني، لأنني استعملته في هاته المدونة، وقد أودى بي في المراتب الأخيرة في محرك البحث جوجل، وبالتالي فإن لم يكن لديك مال لتشتري الدومين، إعمل ب.blogspot.com فهو أخْيَر لك، كلما عليك فعله هو أن تركّز على الContent واجعله أكثر تخصصا، ولا تنسى تصميم المدونة والقالب واللوجو، اجعله مخصصا لمدونتك فقط، لا يشبه لأي مدونة، بالإضافة إلى أنه عليك أن تجعله النطاق قصيرا وسهل الحفظ.
كل هاته العوامل سوف تقلّص الفارق أخي الكريم.


الخطأ الخامس : الثقة الزائدة أو بالأحرة "التحلي بروح المغامرة"

تمت سرقة المدونة في 1 مارس 2015 لكن لحسن الحظ، قمت بأخذ نسخة احتياطية من المدونة، + القالب قمت بتحميله، لأنني كنت أريد تجربة هل ذاك الشخص كاذب أم لا (دون أن أذكر الإسم)، وقد كان كاذبا بالفعل، لكن لا مشكلة في ذلك فالخير في ما اختاره الله ولله الحمد.
سبق لي وأن تحدثت حول هذا الموضوع بالذات في أبريل من هذه السنة حيث سردت جميع الطرق التي يتم بها سرقة مدونات بلوجر، وكيفية حماية نفسك منها:
[نصائح] حذاري من هته الأخطاء التي قد تؤدي بمدونتك إلى السرقة!


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

إن أعجبتك التدوينة واستفدت فبُحْ بقلمك في التعليق أسفله!

معاذ غازي - خطوات مطور
[قوالب بلوجر 2015] قالب بلوجر أنيق خاص بالمدونات الثقافية

[قوالب بلوجر 2015] قالب بلوجر أنيق خاص بالمدونات الثقافية

[قوالب بلوجر 2015] قالب بلوجر أنيق خاص بالمدونات الثقافية

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

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



بإمكانك معاينته عبر الرابط التالي : من هنا

ملاحظة: القالب قد تم تعريبه من طرف مدونة عرب ويب، وحتراما للمجهودات المبذولة في تعريب القالب، قد تم ذكر المصدر، وبالتالي فجميع حقوق القالب ترجع إلى هاته المدونة!

لتحميل القالب : من هنا

معاذ غازي - خطوات مطور
#تجميعة_1: مجموعة من 5 تأثيرات هوفر رائعة للصور

#تجميعة_1: مجموعة من 5 تأثيرات هوفر رائعة للصور

#تجميعة_1: مجموعة من 5 تأثيرات هوفر رائعة للصور

السلام عليكم ورحمة الله تعالى وبركاته، ومرحبا بك أخي الكريم في تدوينة جديدة حول تطوير المواقع على مدونة خطوات مطور، كما تعلم أخي الكريم فالهوفر هو عبارة عن خاصية موجودة في لغة الCSS التي تمكنك من تغيير شكل العنصر عند وضع سهم الفأرة عليه، سواءً تغيير لون الخلفية أو الخط أو الPadding أو الMargin وغيرها من الخصائص الأخرى..
لكن اليوم إن شاء الله لدينا تأثيرات مغايرة بنسبة 100% وهي احترافية بمعنى الكلمة قررت أن أضعها لك أخي الكريم في تجميعتين، التجميعة الأولى ستضم 5 تأثيرات هوفر، والثانية 5 كذلك، وبالتالي فستكون 10 تأثيرات هوفر مختلفة واحترافية بين يديك.
 بإمكانك استعمال هاته التأثيرات لتطوير قالب مدونتك، وإضافة تأثيرات أكثر روعةً على مدونتك لكي تجعل الزائر يبقى في مدونتك لمدة أطول أكثر لجمال منظرها، لأن حتى المظهر يساعدك على تقليص معدل التردد.
دون أن نخوض في الكلام كثيرا أخي الكريم أتركك لتعاين التأثيرات بنفسك، وتبدي رأيك فيها.

1- تأثير تكبير الصورة:


See the Pen XbxJqe by Moad Ghazi (@moadgeek) on CodePen.



2- تأثير Shrink لتصغير الصورة :


See the Pen gpBbzN by Moad Ghazi (@moadgeek) on CodePen.


3- تأثير Side Pan لجعل الصورة تمشي جانبا:


See the Pen MwPYXp by Moad Ghazi (@moadgeek) on CodePen.


4- تأثير Vertical pan لجعل الصورة تعلو للفوق:


See the Pen oXagyP by Moad Ghazi (@moadgeek) on CodePen.



5- تأثير Tilt لجعل الصورة تميل قليلا (10 درجات):

للعلم أنه بإمكانك التعديل على درجة الميلان كما تريد:


See the Pen WvabKr by Moad Ghazi (@moadgeek) on CodePen.


نلتقي في التجميعة الثانية بإذن الله غدا!
وبالنهاية، إن نالت إعجابك هاته التأثيرات واستفدت ولو القليل من هذا الدرس، اترك بصمتك في التعليقات أسفله!

معاذ غازي - خطوات مطور
أفضل طريقة لتسريع مدونات بلوجر

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

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

السلام عليكم ورحمة الله وبركاته، كلنا نعلم أنه من بين أهم المعايير التي تعتمدها محركات البحث لتقييم موقعك، هو سرعته، فإذا كان سريعا فمرحبا بك في الصفحات الأولى، وإن كان عكس ذلك، فعليك بالبقاء في الصفحات المتأخرة. حيث أنه لن تنكر أنك إذا دخلت لموقع ما ووجدته بطيئا في التحميل، وعليك بالانتظار لثوان عدة لكي تتحمل الصفحة بأكملها فسوف تضجر من الموقع، وربما لن تعيد زيارته مرة أخرى، لذلك أخي الكريم إن كنت صاحب موقع أو مدونة، فعليك الاهتمام بسرعتها كثيرا، وجعل موقعك في متناول الجميع، فكم من شخص حاسوبه بطيء وببطئ مدونتك تزيد الطين بلة حسب نظره.
 فاليوم أتيت لك بأفضل طريقة لتسريع مدونات بلوجر في التحميل، حيث أنه قد سبق لي وقمت بوضع درس حول تسريع مدونات بلوجر عن طريق ضغط أكواد الCSS لكن اليوم الطريقة مغايرة ومختلفة عن الطريقة السابقة 100% حيث ما سنقوم به هو إضافة سكربت، فوق وسم ال</head> في قالب مدونتك، وسوف يتم تسريع مدونتك بشكل كبير، وبالتأكيد سوف ينعكس هذا إيجابيا على ترتيبك في محركات البحث.

طريقة تسريع المدونة:

 تقوم بالتوجه نحو بلوجر، قالب، ثم تحرير HTML، الآن قم بالضغط في الكيبورد عندك على CTRL + F ، وقم بالبحث عن كلمة </head> واضغط على Enter، سوف يظهر لك الوسم، والآن كل ما عليك فعله أخي الكريم هو إضافة هذا السكربت فوقه:

<script type='text/javascript'>//<![CDATA[
(function(a) {
    a.fn.lazyload=function(b){var c={threshold: 

0,failurelimit:0,event:"scroll",effect:"show",container:window;
};
if(b) {
    a.extend(c,b);
}
var d=this;if("scroll"==c.event) {
    a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if

(a.abovethetop(this,c)||a.leftofbegin(this,c)){
}
else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {
    a(this).trigger("appear");
}
else {
    if(e++>c.failurelimit){return false;
}}});
var f=a.grep(d,function(a) {
    return!a.loaded;
});
d=a(f);
})}
this.each(function() {
var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));
}
if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||

a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {
if(c.placeholder){a(b).attr("src",c.placeholder);
}
else {
a(b).removeAttr("src");
}
b.loaded=false;
}
else {
b.loaded=true;
}
a(b).one("appear",function() {
if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr

("original"))[c.effect](c.effectspeed);b.loaded=true;
}).attr("src",a(b).attr("original"));
}});
if("scroll"!=c.event) {
a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");
}})}});
a(c.container).trigger(c.event);return this;
};
a.belowthefold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).height()+a

(window).scrollTop();
}
else {
var d=a(c.container).offset().top+a(c.container).height();
}
return d<=a(b).offset().top-c.threshold;
};
a.rightoffold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).width()+a

(window).scrollLeft();
}
else {
var d=a(c.container).offset().left+a(c.container).width();
}
return d<=a(b).offset().left-c.threshold;
};
a.abovethetop=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollTop();
}
else {
var d=a(c.container).offset().top;
}
return d>=a(b).offset().top+c.threshold+a(b).height();
};
a.leftofbegin=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();
}
else {
var d=a(c.container).offset().left;
}
return d>=a(b).offset().left+c.threshold+a(b).width();
};
a.extend(a.expr[":"], {
"below-the-fold"
:"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!

$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold

(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 

0, container: window})";
})})(jQuery);$(function() {
$("img").lazyload({placeholder: 

"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";
})})//]]></script>

ثم قم بالضغط على حفظ القالب، أو Save template وسوف يتم تسريع مدونتك بشكل كبير، وبإمكانك استعمال هاته الأداة المقدمة من طرف جوجل لقياس سرعة مدونتك والعثور على أخطاء قالبك: من هنا
لا تنسى أن تترك بصمتك في التعاليق أسفله ^_^
معاذ غازي - خطوات مطور
أفضل كود ميتا تاج لسنة 2015 لمدونات بلوجر

أفضل كود ميتا تاج لسنة 2015 لمدونات بلوجر

أفضل كود ميتا تاج لسنة 2015 لمدونات بلوجر

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

طريقة إضافة كود الميتا تاج إلى مدونات بلوجر:

1- توجه نحو بلوجر، قالب، ثم تحرير HTML
ثم بالبحث عن وسم <head> وذلك عن طريق الضغط على Ctrl + f حتى تظهر لك نافذة منبثقة على مستوى القالب، اكتب فيها <head> وقم بإضافة الكود التالي أسفله:

<meta content='وصف المدونة' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='الكلمات المفتاحية هنا' name='keywords'/>
<meta content='اسم الكاتب' name='author'/>
<meta content='ll-cc' http-equiv='content-language'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='(c) 2015 اسم مدونتك هنا' name='copyright'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='index, follow, ydir, odp, archive' name='bingbot'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='بلدك هنا' name='country'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='your app id' property='fb:app_id'/>
<meta content='username facebook' property='fb:admins'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link href='حسابك على جوجل بلس' rel='author'/>
<link href='https://plus.google.com/u/0/username' rel='publisher'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='حسابك على تويتر' rel='author'/> 
<link href='حسابك على تويتر' rel='publisher'/>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/> | <data:blog.title/>
          <b:else/>
          Page Not Found | <data:blog.title/> 
        </b:if>
      </b:if>
    </title>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

ضعها تحت وسم <head>
ولا تنسى إضافة وصف لموقعك، وإضافة أشهر الكلمات الدلالية لموقعك، والتي تود المنافسة عليها، بالإضافة إلى أنه عليك إضافة اسم الAuthor أي الكاتب في المدونة وبعض التعديلات البسيطة الأخرى!
وإن كنت لا تعرف ما هي أكواد الميتا تاج ولماذا تصلح، فإنني أدعوك لقراءة هاته التدوينة التي شرحت فيها بشكل مفصل ودقيق عن كل ما يخص أكواد الميتا تاج:
[دروس السيو 2015] ما هي أكواد الميتاتاج؟ ودورها في تحسين ترتيب موقعي؟

كلمات دلالية:
ميتا تاج, كود ميتا تاج, إضافة كود ميتا تاج,


وبالنهاية، إن أعجبك الدرس واستفدت، لا تنسى ترك تعليق أسفله لكي تحمسني وتشجعني على تقديم المزيد!

معاذ غازي - خطوات مطور
قوالب بلوجر: تحميل قالب مدونة خطوات مطور السابق مجانا!

قوالب بلوجر: تحميل قالب مدونة خطوات مطور السابق مجانا!

قوالب بلوجر: تحميل قالب مدونة خطوات مطور السابق مجانا!

 من منا ينكر أنه من بين سمات المدونة الاحترافية هو توفرها على قالب احترافي جميل يليق بها وبمحتواها، فقالبنا لهذا اليوم هو مختلف عن باقي قوالب بلوجر الأخرى، فهو قالب Minima Colored 3 معرب للتحميل مجانا، لكن من تطويري الشخصي، وقمت بجعله صديقا لمحركات البحث، وهذا ما سيساعدك كثيرا على الحصول على مراكز متقدمة في نتائج البحث جوجل أو غيرها بإذن الله.
القالب هو متوافق، وجميل جدا، بالإضافة إلى أنه خفيف ويصلح للمدونات التقنية والإخبارية عمومًا، وما جعلني أستعمله لأزيد من 4 أشهر هو كونه مريح لعين الزائر، وبساطة التصميم، مما سيجعل الزائر يبقى مدة أطول وهو يتصفح مدونتك.
دون أن أطيل عليك أخي الكريم، أتركك لكي تعاين القالب ثم لتحمله وتستمتع به!
باسوورد فك الضغط : www.dev-steps.com

معاذ غازي - خطوات مطور
قوالب بلوجر: تحميل قالب بلوجر نيوز الاحترافي 2015

قوالب بلوجر: تحميل قالب بلوجر نيوز الاحترافي 2015

قوالب بلوجر: تحميل قالب بلوجر نيوز الاحترافي 2015

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

قوالب بلوجر: تحميل قالب بلوجر نيوز الاحترافي 2015

دون أن أطيل عليك أخي الكريم، أتركك لكي تعاين وتحمل القالب:


وبالنهاية، إن أعجبك القالب أخي الكريم، لا تنسى ترك تعليق تشجيعي أسفله لتساعدنا على تقديم المزيد والمزيد من قوالب بلوجر الاحترافية لك!

معاذ غازي - خطوات مطور
[درس] كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

[درس] كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

السلام عليكم ورحمة الله تعالى وبركاته، ومرحبا بك أخي الكريم في تدوينة جديدة وفي إضافة جديدة من إضافات بلوجر على مدونة خطوات مطور، أما بعد.. فلكنا نعلم أن للتعليقات دورا هاما في ارتقاء موقعك في محركات البحث، حيث أن هاته الأخيرة تعتبر محتواك ك"Fresh content" يجذب الزوار ويجعلهم يتفاعلون معك، وبالتالي سوف تحتل مراكز متقدمة في محركات البحث لا محالة!
 لذلك نجد العديد من الأشكال الخاصة بالتعليقات في المدونات، فنجد تعليقات الفيسبوك، وجوجل وغيرها.. لكن اليوم قررت أن أضع لكم شرح حول كيفية إضافة نظام التعليقات Disqus إلى مدونتك، لماذا اخترت هذا النظام بالذات، أولا لأنه يمكن الزائر من الدخول عن طريق أي حساب له في الشبكات الاجتماعية، حيث أننا نجد بعض الأشخاص الذين يمتلكون حساب تويتر، ولا يمتلكون حساب فيسبوك والعكس صحيح، بالإضافة إلى أنه بإمكان أي شخص التعليق عن طريق وضع إيميله واسمه فقط.. وما يميز هذا النظام كذلك هو أنه بإمكانك أن تكون أنت المسؤول عن تأكيد نشر التعليق، حيث أنه هنالك بعض الأشخاص الذين ينشرون روابطهم بكثرة في تعاليق المدونات وهذا يعتبر Spam، وبالتالي فهذا يؤثر حتى عليك أنت!!
وهنالك العديد من الخيارات الأخرى التي بإمكانك أنت اختيارها والتعديل عليها كما تشاء، كعدم نشر أي رابط خارجي في التعليق بصفة نهائية، أو كل رابط ينشر عليك أن تقوم بالموافقة عليه وتأكيد النشر وغيرها من الخيارات الأخرى..
دون أن نخوض في الكلام كثيرا أخي الكريم دعنا نمر إلى المهم، على بركة الله!
طريقة التسجيل في موقع Disqus:
أول شيء أخي الكريم عليك أن تقوم بالتسجيل في الموقع عن طريق هذا الرابط.
بالنسبة لطريقة التسجيل فالكل هنا يعرفها لا نحتاج إلى أن نشرح كثيرا، حيث أنه يكفيك فقط التسجيل عن طريق الفيسبوك، وهذا ما فعلته شخصيا، أو تويتر أو جوجل بلس أو غيرها..
الخطوة الثانية بعد أن تقوم بالتسجيل في الموقع، ثم بالذهاب إلى Add disqus to your site عبر الرابط التالي:
https://disqus.com/admin/create/
المكان الأول: ضع فيه اسم المدونة.
المكان الثاني : ضع اسم المستخدم أو اسم الموقع مثلا أنا سأضع (dev-steps)..
المكان الثالث: اختر مجال موقعك هل هو رياضي أو تكنولوجي أو تعليمي أو غير ذلك..
وفي النهاية انقر على Finish registration!

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

كيفية إضافة نظام التعليقات Disqus إلى مدونة بلوجر

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

وفي النهاية إن أعجبك الدرس أخي الكريم لا تنسى ترك تعليق تشجيعي أسفله فهذا يشجعنا على أن نقدم لك المزيد والمزيد من الشروحات والدروس!
معاذ غازي - خطوات مطور
هل ترتيب المواقع في أليكسا يعتبر معيارا لتقييمها؟

هل ترتيب المواقع في أليكسا يعتبر معيارا لتقييمها؟

هل ترتيب المواقع في أليكسا يعتبر معيارا لتقييمها؟

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

إقرأ أيضًا:
[بلوجر] كيفية تخفيض ترتيبك في أليكسا بطريقة سريعة!

وبالنهاية أتمنى أن تكون رسالتي قد وصلت لك أيها الأخ الكريم، إن أعجبك المقال واستفدت لا تتردد في ترك تعليق أسفله لتشجيعنا على تقديم المزيد!

معاذ غازي - خطوات مطور
قوالب بلوجر 2015 : قالب بلوجر احترافي روعة للمدونات التقنية

قوالب بلوجر 2015 : قالب بلوجر احترافي روعة للمدونات التقنية

قوالب بلوجر 2015 : قالب بلوجر احترافي روعة للمدونات التقنية

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

معاذ غازي - خطوات مطور
سيو: هل تفضل محركات البحث Subdomain على Subfolder؟

سيو: هل تفضل محركات البحث Subdomain على Subfolder؟

سيو: هل تفضل محركات البحث Subdomain على Subfolder؟

السلام عليكم ورحمة الله وبركاته، كثيرا مايطرح هذا السؤال بين الإخوة والأخوات المهتمين بمجال السيو، حيث أننا نجد أن أغلب المدونين بالخصوص يطرحون هذا السؤال أملا في الحصول على أرشفة جيدة وترتيب جيد في جوجل.
هذا السؤال الذي بحثت عنه والحمد لله وجدت الإجابة التي كانت خلال مؤتمر SMX Advanced في ولاية سياتل الأمريكية، الأخير الذي يجمع بين المهتمين بمجال السيو..
إذن أخي الكريم لندخل في المهم، فالدومين الفرعي (Subdomain) هو الذي دائما يحمل في بدايته كلمة دلالية معينة مثلا، تريد القيام ببث مباشر لمدونتك فأنت تقوم بإنشاء مدونة وربطها بالدومين الفرعي تحت إسم (live.domain.com) وهكذا بدل www. تستبدلها أنت بما تريد، ونجد العديد من المدونات تقوم بهذا الأمر.
أما المجلد الفرعي أو مايسمى بSubfolder فأنت تقوم بإنشاء مجلد أو صفحة لموقعك تضم ما تريد القيام به، فمثلا إن كنت تريد القيام ببث مباشر فأنت تنشئ صفحة خاصة بالبث وتكون تحت اسم www.dev-steps.com/live وهكذا تكون بعد / ونجد مدونة المحترف تقوم بهذا الأمر.
السؤال الذي يطرح عليك الآن.. من الأفضل بينهم؟
أجمع المختصون في تحسين محركات البحث، على أن المجلد الفرعي أفضل من الدومين الفرعي من حيث الأرشفة، رغم الاختلاف بينهما، وصراحة بالنسبة لي أن اكتب دومينا فرعيا أسهل من أن أكتب رابط الموقع + المجلد الفرعي.
لكن قالت المتحدثة في المؤتمر أن جوجل تتعامل معهما بنفس الطريقة إلا أن عوامل الربط الداخلية في الموقع تعطي الأفضلية للمجلد الفرعي، حيث أن الدومين الفرعي يعتبر رابطا خارجيا للموقع، وبالتالي فالعلاقة بين الموقع وهاته الصفحة المخصصة تكون أقل بكثير من أنه لو تم استعمال المجلد الفرعي الذي يعتبر جزءًا لا يتجزء من الموقع!
تيمنًا بما قالته المتحدثة، قام العديد من الأشخاص بنقل مدوناتهم من الدومين الفرعي إلى المجلد الفرعي ولاحظوا تحسنا كبيرا في عمليات البحث والأرشفة.
وبالتالي أخي الكريم إن كانت لك مدونة تحمل دومينا فرعيا فمن الأفضل أن تقوم بتحويلها إلى مجلد فرعي!
إن أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة؟!
معاذ غازي - خطوات مطور
إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر

إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر

إضافات بلوجر: إضافة شريط النسبة المئوية إلى مدونتك في بلوجر

السلام عليكم ورحمة الله وبركاته، لعل أنه من بين أفضل الإضافات التي تضفي على مدونتك لمسة من الجمال ومن الاحترافية هي إضافة النسبة المئوية، والتي تبين للزائر مكان كم وصل في الصفحة، فعندما يصل لنهاية الصفحة تظهر له نسبة 100% وإذا كان في البداية، تظهر له 0% وهكذا كلما نزل كلما تزداد النسبة.
إضافة جميلة أليس كذلك أخي؟ بإمكانك معاينتها في مدونة خطوات مطور عن طريق النزول والصعود!
بالنسبة لطريقة الإضافة فهي جد سهلة، كل ماعليك فعله أخي الكريم هو التوجه نحو بلوجر، القالب، تحرير HTML، ثم ابحث عن:
1- ]]></b:skin>
ضع قبله هذا الكود:
#scroll {
  display:none;
  position:fixed;
  top:0;
  right:15px;
  z-index:500;
  padding:3px 8px;
  background-color:#369fcf;
  color:#fff;
  border-radius:3px;
  font-size:14px; 
}

#scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}


2- الآن إبحث عن كود <body>:
ضع بعده (تحته) هذا الكود:
<div id='scroll'></div>
ثم أتبعه ب:
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(600);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut(600);
    }, 1000);
});
//]]>
</script>


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

معاذ غازي - خطوات مطور
قوالب بلوجر: تحميل قالب قريبا الاحترافي مجانا 2015

قوالب بلوجر: تحميل قالب قريبا الاحترافي مجانا 2015


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

المهم دون أن نخوض في الكلام كثيرا، أتركك أخي الكريم لتعاين القالب: من هـــــــــــــــــــنا!

صورة للقالب:

طريقة التعديل:
للتعديل على الوقت، إبحث عن:
var countTo = "2015/07/11"; 
ثم قم بتغيير التاريخ إلى ما يناسبك.
ولا تنسى أيضا تغيير رابط الFeedburner برابطك.
لتغيير اللوجو، إبحث عن :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrS_HwdzmgCbKxzWbVLPGeKxHNSx34h_Abd-eLNfXCdbrim21V034FoHHW1kGiY2veNXDMPB9URetOd1robnziyqt2t0EiWLnjuLZIBwxOje2ddEX3CKAQkyITBy_5pw_F7AMhslwKz6c/s1600/logo.png
ثم قم بتغيير الرابط، برابط اللوجو الخاص بمدونتك.


للاطلاع على المزيد من قوالب بلوجر الاحترافية : من هنا!
معاذ غازي - خطوات مطور