clear

lock_openتسجيل الدخول إلى صفحة الهدايا

عن البروفيسور الصغير

السبت، 10 سبتمبر، 2016

إضافة سكربت عرض المواضيع حسب التسميات للفيديوهات


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






مميزات القالب :

  1. التكويد نظيف *-* 
  2. متجاوبة بنسبة 60%
  3. شكل جميل ومريح للعين
  4. يمكنك إستخدامه لعرض الحلقات والفيديوهات 
  5. حسب التسميات *-* 




طريقة الأضافة : 

ضع الأكواد الأتية فوق هذا الوسم : </head> 











ثم ضع هذه الأكواد فى المكان الذى تريده أن تظهر به الأضافة *-*
يمكنك إختيار المكان ثم تنسخ هذه الأكواد وتضعها :) 



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





ثم تذهب إلى التخطيط وتضع القسم أو التسمية التى تريد تظهر مواضيعها :

مثال : 


إن حصلت معك مشكلة ما أو لم تفهم خطوة ما أو لم تعرف إضافة الأكواد أتمنى أن تقول لى *-* 


الخميس، 1 سبتمبر، 2016

تأثير التموج فى الماتريال ديزاين


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

يمكنك معاينة الدرس من هنا لكى تفهم أكثر ما أقصده : 


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




الخطوة الأولى أن تضع هذا الكود فوق هذا الوسم *-* : </head> 





ثم عليك أن تضع الكود الأتى فوق هذا الوسم *-* : </body> 





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

إذا كيف يتم عمل هذا التأثير عن الضغط على هذا الشئ 

ركز معى فى هذا المثال الأتى : 

1- أترى هذا الكود الأتى : 
هو مجرد كود إعتيادى لم يحصل شئ به 






ولكن إن أضفنا فى class الخاص به كلمة ripple سيتم تشغيل تأثير التموج به كما فى المثال الأتى : 







هل فهمتم هذه الخطوة لأنها هى الأهم لأن بدونها لن يعمل التأثير كما قلت لكى يعمل التأثير كل ماعليك هو إضافة كلمة ripple فى أى class لأى إضافة تريد بها هذا التأثير . 


ملاحظة صغيرة إن كنت تريد تغير لون التأثير من الأبيض إلى أى لون أخر كل ماعليك هو إضافة هذا attr فى الكود الخاص بك :

data-ripple-color="#000"

ليصبح الكود كا الأتى :









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

الأربعاء، 31 أغسطس، 2016

إضافة محرك بحث إحترافى فى بلوجر


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




مميزات الأضافة

  1. محرك بحث سريع
  2. بلغة css3 , jquery
  3. شكل أنيق  يمكنك إستخدامه فى قالبك 
  4. والمزيد *-* يمكنك إكتشافه بنفسك حتى لا نطول الشرح *-* 





شرح وضع الأضافة *-* : 

الخطوة الأولى وهى وضع هذه الأكواد تحت هذا الوسم <body> 







ثم عليك أن تضع هذه الأكواد وتضعها فوق هذا الوسم *-* </head> 










ثم عليك أن تضع الكود الأتى فوق هذا الوسم *-* </body> 









الخطوة الأخير هى ان تضع هذا الكود فى المكان الذى يحلو لك فى القالب  *-*  o_O






وهكذا إنتهى درسنا اليوم أتمنى أن تكون الأضافة أعجبتكم + اتمنى ايضا ان تكونوا أعضاء ومتابعين للمدونة لتعرفوا كل جدينا *-* 

الأربعاء، 24 أغسطس، 2016

سكربت تعطيل خاصية فحص العنصر



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

مميزات هذا الأسكربت : 
  • يمنع الزر الأيمن
  • يمنع زر f12
  • يمنع إختصار ctrl + u
  • يمنع إختصار ctrl + shift + i
  • يجعل قالبك محمى بنسبة 60 % (حسب صعوبة قالبك)




كيفية إضافة هذا الأسكربت : 
كل ماعليك هو إضافة الكود الأتى فوق هذا الوسم </body> 






الجمعة، 19 أغسطس، 2016

ماهو الماتريال ديزاين ؟ وكيف نتعلمه ؟


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


ما هو الماتيريال ديزاين :

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

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


كيف نستخدم هذه المكتبة وأين نتعلمها : 

قبل أن اقول كيف تتعلم هذا الأسلوب يجب ان يكون لديك خبرة فى 4 لغات على الأقل وهم كالأتى : 

HTML
CSS
JAVASCRIPT
JQUERY
EN إختصار للغة الأنجيليزية

هذه هى اللغات التى عليك أن تكون لديك خبرة متوسطة بها على الأقل لتعلم هذه المكتبة الرائعة : 

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

للدخول على الموقع من هنا 




شرح للصفحة الأولى : 



شرح للقائمة الجانبية : 

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

أيضا إن كان هناك أى سؤال فى ذهنك أو شئ لم تفهمه كل ماعليك التواصل معى عبر الفيس بوك أو اكتب تعليق وسيتم الأجابة عنه إن شاء الله 




الأربعاء، 17 أغسطس، 2016

قالب Fresh View الأحترافى معرب [ قالب بلوجر متجاوب ]


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






مميزات القالب :

  1. قالب متجاوب 100% 
  2. قالب صديق للسيو وهذه أهم ميزة به حيث إنه تم تصميم ليحسن من السيو الخاص بك
  3. ألوان مريحة للعين
  4. 404
  5. سلايدر تلقائى جميل
  6. طريقى عرض المواضيع جميلة
  7. سكربت المشاركات المشابهة 
  8. والمزييييد .....









تعديل بسيط فى القالب : 
عليك تغير هذا الرابط : 
http://fresh-view-ar.blogspot.com.eg/

برابط مدونتك لكى يعمل السلايدر معك 


إن كان هناك أى مشكلة فى القالب اتمنى أن تخبرنى :) 

الخميس، 11 أغسطس، 2016

قالب Fasel مطور قالب بلوجر متجاوب


قالب فاصل قالب بلور متجاوب 100% قالب مصمم من 6log وتم تطويره وتعريبه الحمد لله أتمنى أن يكون القالب يعجبكم القالب يمكنك إستخدامه فى قالبك الشخصى أو قالب للمراجعات والكثير :) 






مميزات القالب :

  • قالب متجاوب
  • صديق للسيو
  • طريقة لعرض المشاركات جميلة
  • مريح للعين
  • صفحة 404 
  • قائككة منسدلة
  • محرك بحث إحترافى
  • سريع 
  • فوتر جميل
  • تكويد نظييف
  • والمزيييد





إن كان هناك أى خطب فى القالب أتمنى ان تقول لى أى مشكلة وقعت معك أيضا أتمنى أن تقول لى لحل هذه المشكلة :) 


الاثنين، 8 أغسطس، 2016

أضافة تأثير تحميل المدونة فى بلوجر (عمل Loader انتظار تحميل الصفحة)



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





شرح الأضافة :

عليك إضافة هذه الأكواد فوق هذا الوسم : </head>












ثم عليك إضافة هذه الأكواد تحت هذا الوسم : <body> 










ثم عليك إضافة هذه الأكواد فوق هذا الوسم : </body> 





التعديلا التى يجب ان تقوم بها وهى تغير صورة اللوجو الخاص بى باللوجو الخاص بك : 
https://s10.postimg.org/owcb1y6bt/image.png

هذا رابط الصورة بدله برابط الصورة الخاص بك


ثم أحفظ التغييرات فى القالب ومبروك عليك هذه الأضافة الجميلة أيضا إن كان هناك أى مشكلة واجهتها فى إضافة التأثير كل ماعليك هو ان تقول لى :) 

الأحد، 7 أغسطس، 2016

إضافة المشاركات الشائعة بشكل جديد فى بلوجر


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





أريدك ان تذهب إلى القالب وتبحث عن هذا الوسم : </body>  ثم تضع هذه الأكواد فوق هذا الوسم : 






بعد وضع الأكواد إحفظ القالب :) ومبروك الأضافة 

التعديلات التى يجب أن تفعلها :

عليك الذهاب للتخطيط : 
وفتح هذه الأضافة : 

ثم يجب ان تكون الأعدادت كما فى الصورة الأتية : 


ملحوظة هامة : يجب ألا يكون عدد المشاركات أكثر من 8 مشاركات شرط إجبارى 

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


إدعمنا

المتابعون

المشاركات الشائعة

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

أشترك معنا عبر الأيميل وتعرف على جديدنا

إعلان على البروفيسور الصغير