الاثنين, يونيو 27, 2011

تصميم وصنع وابتكار أدوات و إضافات ل بلوجر ( السر )

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

كل المدونين يعتمدون على المدونات والمواقع التى تقدم لهم كل الإضافات والأدوات جاهزه وتامه للإستخدام أو لإضافتها فى مدوناتهم, ولكن لماذا لا نصنع نحن أدواتنا وإضافاتنا بأيدينا وعلى حسب رغباتنا وإحتياجاتنا.
كيف يتم صنع الإضافه أو الأداه ؟
يتم صناعة الإضافه أو الأداه على مرحلتين :
  1. برمجة الأداه.
  2. تصميم الأداه.
برمجة الأداه :
أدوات بلوجر يتم برمجتها بإستخدام XHTML و JQUERY و JAVASCRIPT . وهذه اللغات البرمجيه تقوم بتحديد طريقة عمل الأداه ووظيفتها وما ستقوم بفعله. ومعظم الأدوات يتم تشكيلها بإستخدام XHTML التى تعتمد عليها بلوجر بصوره أساسيه فى برمجة مدوناتها.

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


مرحبا بك فى مدونة نصائح للمدونين
كود HTML المكون لها هو :
<p><strong><center> مرحبا بك فى مدونة نصائح للمدونين </center></strong></p>
والآن نراها بعد إدخال لغة CSS عليها :


مرحبا بك فى مدونة نصائح للمدونين
كود CSS المكون لها :
<center><span style="border-bottom: #8080ff 10px solid; border-left: #8080ff 10px solid; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; border-top: #8080ff 10px solid; border-right: #8080ff 10px solid; padding-top: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px"><font color="#8080ff"><strong>مرحبا بك فى مدونة نصائح للمدونين</strong></font></span></center>
 لا تنزعج من كبر حجم الكود إطلاقا فهو شىء ممتع للغايه وسوف تستمتع به كثيرا.

والأن كيف تقم بتصميم الأداه أو الإضافه ؟
سواء كنت تريد أن تصبح مصمما للإضافات أو ستكتفى بعمل تعديلات عليها وعلى قالب مدونتك وتدويناتك لإعطائها شكلا جذابا, عليك تعلم لغة HTML و لغة CSS وهما لغتان برمجه من اسهل ما يمكن وأقولها لك ... لن تجد أى صعوبه وستحبهما كثيرا وستندمج معهما بدرجه كبيره. وعن نفسى قمت بتعلمهما بسهوله جدا وبإستمتاع من خلال البحث عن تعليمهم على الإنترنت ومن خلال ما يقدمه موقع w3schools وسوف أعطيك ثلاثة نصائح :
  1. إذهب وتعلم الفوتوشوب, قم بدراسته فيما لا يقل ولا يزيد عن شهر واحد, ولن يستغرق هو منك أكثر من ذلك وستصبح محترفا به مع الممارسه.
  2. قم بقراءة 5 دروس على الأقل فى اليوم فى لغة HTML من موقع w3schools .
  3. بعد توغلك ومعرفة أساسيات HTML قم بقراءة دروس CSS من موقع w3school بمعدل 4 دروس فى اليوم.
سوف يستغرق الأمر منك شهر فى التعلم وشهر أخر من الممارسه وتنمية المهارات ثم فى الشهر الثالث والرابع قم بتحضير نفسك كى تنال لقب مصمم.

وبعد تنمية مهاراتك فى لغتى HTML و CSS يمكنك تنمية قدراتك والعمل على ارتفاع مستواك بتعلم اللغات البرمجيه JAVASCRIPT, PHP, JQUERY .... إلخ.
وفى النهايه أنا على أتم إستعداد لأسئلتكم وإستفساراتكم وأطروحاتكم .... ضع تعليقا وشاركنا خبراتك فى هذا الموضوع.
من فضلك اضغظ لايك لمشاهدة لينك التحميل

31 تَعْلِيق:

  1. موضوع رائع جدا ومفيدا مشكورررر جدا ياسو الى الامام دائما

    ردحذف
  2. شكرا جزيلا يا محمد وزياره كريمه للمدونه .. أتمنى تتكرر

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

    ردحذف
  4. شكرا ليك على الافاده :)

    ردحذف
  5. حماده بجد شكرا وانت مدونتك كويسه اوى على فكره انا بازورها باستمرار.
    سبايدر مان شكرا ليك على المتابعه الدائمه وان شاء الله احاول اجلب لكم المزيد.

    ردحذف
  6. معلومات سليمة وجميلة مية المية

    ردحذف
  7. سامكو ... شكرا جزيلا وربنا يكرمك يارب

    ردحذف
  8. شكرا على أخي ياسو على الافادة والموضوع الرائع....

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

    .....ومرحبا بك في مدونتي : http://al-kitabe.blogspot.com

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

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

    ميرسى ياريت دايما من المقالات المحمسة دى

    ردحذف
  11. أشكرك على هذه النصائح المفيدة..
    كما أشكرك على زيارتك لمدونتي المتواضعة..

    ردحذف
  12. عبد الجليل : فعلا هو مش صعب لكنه ايضا مش سهل .. ربنا يوفقك مدونتك جميله.

    MACC : فعلا أهم شىء انك تعمل لمسات خاصه بيك انت ومميزه ليك.

    sossi : من عيونى

    أبو حسام الدين : شكرا لأهتمامك ومدونتك انت كمان جميله جدا.

    ردحذف
  13. أخي ياسو مواضيعك مميزة جداً
    هذه أول معرفتي بمدونتك و أول زيارة لي
    في الحقيقية إطلعت على بعض المواضيع و بصراحة ...
    أحتاج العودة مرة أخرى لقراءة جميع مواضيع المدونة واحد تلو الآخر :) لأنها فعلا مواضيع متعوب عليها
    أتمى لك التوفيق

    إن في إمكانية تبدي رأيك في مدونتي المتواضعة
    أو كان لديك بعض النصائح أكون ممتن لك
    فريش سوفت | أحدث البرامج الكاملة و المجانية

    ردحذف
  14. جزاك الله كل خير اخي ياسو
    انا أنشأت مدونة الاسلام طريق النجاة واريد منك أحي العزيز ان تدلني
    1- كيف اربط رأس الصفحة مع محتواها الاصلي
    على سبيل المثال اريد ان أضع على رأٍس الصفحة المجموعة البريدية وعند الاشارة عليها بالماوس لا تدخل على المجموعة
    2- كيف اعمل حرزمة واحدة متعددة المواضيع مثلا الفلاشات
    على المدونة
    وما رأيك ان تشاهد المدونة وتبدي ر[يك فيها وانا على اتم الاستعداد أن اتقبل نصائحك اخي ياسووهذا رابط المدونة
    http://www.najehs.blogspot.com/
    وهذا هو ايميلي najeh.salhab@yahoo.com
    ولك جزيل اشكر

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

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

    ردحذف
  16. موضوع اكثر من رائع
    شكرا اخ ياسر

    ردحذف
  17. ياسو لو سمحت انا متابعة للمدونة وهي ضمن التوب تن عندي ^^
    عندي بعض الاستفسارات أتمنى لو ممكن تضيفني ع الايميل لو ما يمانع .. وشكرًا جزيلاً لكل اللي بتقدمه للتدوين :)

    ردحذف
  18. abuod haridy : العفو نورت المدونه يا عبود

    ⓐⓝⓘⓐⓚⓤⓢ : طبعا ما فى مانع ... تقدرى تضيفينى على الياهو وايميلى هو
    yaso.actor@yahoo.com
    وانا تحت امرك

    ردحذف
  19. موضوع في المستوى تابع الى الأمام متابعك يا معلم

    ردحذف
  20. شكرا لك علي ماكتبت يدك

    ردحذف
  21. شكرا لك علي ماكتبت يدك

    ردحذف
  22. السلام عليكم و رحمة الله وبركاته
    انا جديد في عالم التدوين مع اني لت جديد في عالم البرمجة الا اني في حاجة الي بعض المساعدة منك فب انشاء مدونتي
    kingdomeofdroid.blogspot.com

    ردحذف
  23. لا ارى الا فنان يتحدث و يتكر و يحفز

    ردحذف
  24. جمييييييييييييل شكرا
    اعطني رايك في مدونتي

    http://alwadifamaroc2012.blogspot.com/

    ردحذف
  25. اخ ياسو لقد قمت بانشاء مدونة تهتم ببحوث اقوم بها في مختلف الميادين من فضلك احتاج الى نصائح حول زيادة عدد الزوار وكيفية النهوض بها النوع من المحتوى رابط مدونتي هو www.maroc-in.blogspot.com

    ردحذف
    الردود
    1. شوف التدوينه دى
      http://ar-blogger-tips.blogspot.com/2011/03/100.html

      حذف
  26. أهلاً . أنا من متابعي المدونة و كان نفسي أخد ميل "إيميل" حضرتك لأن أنا عندي مدونات فعايز مساعدة.
    و دي مدونة جميلة جداً.
    وشكراً

    ردحذف
    الردود
    1. ايميلى هو
      yasseresmailactor@gmail.com لإرسال رسائل
      yaso.actor@yahoo.com للمحادثه والدردشه
      https://www.facebook.com/yaso.actor على الفيسبوك

      حذف
  27. انا ولله الحمد صرت محترف بنسبة 70% بلغة thml , صراحة لغة ممتعة , وماافي احد بيعرفها إلا انا بين معارفي , لدرجة انو لما آجي افتح صفحة اللغة وأسوي تعديل عليها بحرف واحد , بيقولولي انتا كيف عرفت انو العلة كلها من هذا الحرف المتخبي بين آلاف الرموز الثانية ؟ , بقلوا خبرة , والسبب ببساطة كثر الممارسة وحب المعرفة لهذا الشيء , الحمد لله رب العالمين

    ردحذف
    الردود
    1. تمام جدا وهو ده الصح ربنا يوفقك يارب

      حذف
  28. كانت عايز اضيف تعليقات الفيس لكن لما بنسخ كود واروح ادور لية بيقولى مش موجود bodyارجو المساعدة شكرا

    ردحذف