الجمعة، 28 يناير 2011

درس إضافة إداة للمدونة ( مهم )

صباحكم / مسائكم خير

المدونات يتشابه فيها الكثر بصرف النظر عن الموضوعات ولكن تبقى ميزة

التزيين والأكسوارات ميزة تميز مدونة عن أخرى ولذلك يتسابق الجميع بوضع

مميزات جميلة وساحرة تخدمهم وتريحهم أكثر في مدوناتهم ومن هنا إضافت بلوقر

خدمة رائعة أستفردت بها عن المدونات وهي خدمة إضافة إداة بكسبة زر يضاف

لديك روابط , عداد زيارات , تسميات ...والقائمة تطول بعد إضافة جافا سكربت

الأن فلنتعلم ذلك معاً خطوة بخطوة بدرس من أهم دروس بلوقر ويستحق الشرح




نذهب من مدونتنا على تصميم ثم عناصر الصفحة كما في الشكل


  ستظهر عناصر الصفحة  كما في الشكل 

 بأمكاننا إضافة إداة بكل نواحي المدونة مثلا في الرقم 1 ممكن نضيف صورة للمدونة


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


وطبعا في الأسفل قائمة الحقوق Attribution وهذه لها وضع خاص حيث أنها حقوق


لنا , نختار اي مكان من 1- 7 إلا طبعا رقم أربعة لأن إعدادته خاصة للمواضيع


الأن سنعمل على القوائم الجانبية وهي رقم 3 وهي قائمة مهمة بحسب تنظيم مدونتك


فقد تكون مدونتك ثنائية أو ثلاثية الأعمدة ولكن كلها تعمل بنفس النمط 


وغالباً من يضيفون الإدوات يكون أغلب عملهم على القوائم الجانبية 


الأن توجه على رقم 3 وأضغط إضافة إداة كما في الشكل 


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




الأن سترى القوائم وسترى أن بلوقر إضافت بالفعل بعض القوائم لك مثل من أنا


ومثل المتابعون وستجد بجانبها مضاف بالفعل ...الأن بإمكانك إضافة اي ميزة 


تعجبك ولكن الأهم أنك تعلمت درس (إضافة إداة ) ولاتخف سنقوم بشرح بعضها


فقط الأهم هنا تعلمك لإضافات الأدوات .

أضف ماتريد ثم ستفتح معك بكل إضافة خيارت تلك الميزة , الأهم أن تتعلم شيئاً


وهو أن كل صندوق يفتح معك وتحرره ستكون لبعضه أوامر لك في نهايه صندوقه


وهي كما في الشكل 


وهنا شرح لهذه الأزارواللمميزات المختارة 



ويقوم أيضاً ألغاء أحيانا بحذف أختيارك للإداة .


بعد أن قمت بأختيار الإداة قم الأن بحفظها من الصندوق الذي فيه حفظ وألغاء 


وتوجه إلى مكانها ورتبها كما شرحنا في الدرس السابق درس ترتيب العناصر


والأن بعد الترتيب قم بحفظ التصميم من الأعلى كي يتفعل مع المدونة 


  
انتهى الدرس 
================================

( أمثلة على إضافات الأدوات


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


طبق الخطوة الأولى فقط في الدرس في الأعلى ثم أختار من القائمة



( إضافة عداد المشاهدة للصفحة= إحصاءات المدونة  ) 


 الان ستفتح معنا صفحته 
نختار العدد المناسب ثم نضغط حفظ , الأن تبقى أن نرتبه بزر الفار اليسار


بأن نحركه للأسفل كما في الشكل 


قبل 





بعد

بعد أن ننتهي من ترتيبه نقوم الأن بأختيار زر حفظ من أعلى التصميم كي يتفعل


الان  نرى النتيجة حينما نضغط على عرض المدونة 
==========================================
والان نقوم بفعل شيئاً اّ خر على سبيل المثال إضافة روابط للمدونة 




طبق الخطوة الأولى من الدرس الأساسي ثم أختار من القائمة كما في الشكل


ثم أختار قائمة روابط 


الأن سوف تفتح القائمة  ونضع أسمها عند العنوان  مثلا روابط 

ونضع بعنوان Url العنوان الإلكتروني للموقع 

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


الأن نختار حفظ ونرتبها كما تعلمنا الترتيب بالدرس السابق ونحفظ التصميم

من الأعلى 


وسيكون  الشكل بمدونتا بهذا المنظر 




========================================
والأن إذا أحببتم المشاركات الشائعة التي يرونها الزوار كثيراً بمدونتك تعال
إلى هذا الدرس 




طبق الخطوة الأولى في الدرس الأساسي ثم أختار من القائمة المشاركات الشائعة


الان سوف تفتح تفاصيل إداة المشاركات الشائعة 

وأنا هنا جعلت المشاركات فقط 5 وبأمكانك جعلها كم تشاء 


ثم نضغط  حفظ ونرتب الإداة داخل المدونة ثم نضغط حفظ من الأعلى 



وسيكون التطبيق على مدونتنا بهذا الشكل 


انتهى الدرس 


============================================


الأن نشرح أهم درس وهو إضافة للجافا سكربت والهتميل كود 




طبق الخطوة الأولى من الدرس الأساسي ومن القائمة أختار جافا سكربت وهتميل



ثم سوف تفتح معنا الأن تعديلات صفحة الجافا 


أحيانا لا نكتب شيئاً في عنوان صفحة الجافا وكما ترون الجافا تحتاج أكواد

وسكربتات ونحصل عليها من المواقع المجانية وننسخ الكود ثم نلصقه هنا


مثلا هذا مواقع يقدم كود  عداد فلاشي لزوار اليوم والصفحات إذا أشتركت فيه

http://www.histats.com


وهذا موقع يقدم لك كود بـ تاريخ اليوم عربي وهجري بدون تسجيل 


http://www.al-habib.info/islamic-calendar/


وهذا موقع يقدم لك كود درجة الحرارة في مدينتك وعدد الزوار وبلادهم 

والمتواجدين  حاليا بصفحتك وبلادهم  ويجب التسجيل فيه
http://www.geovisite.com/


وهذا موقع مجاني يقدم لك كود الزوار بشكل دائم وذهبي أيضا 


http://www.amazingcounter.com/


الان ماعليك سوى الحصول على الأكواد ثم تسمية الكود وحفظه ثم ترتيب 

مكانها ثم الحفظ  من أعلى التبويب 



والأن ستكون الأمثلة على مدونتك بهذا الشكل 






كلمة أخيرة : لايجب أن تضع كل شيء في مدونتك فذلك يسبب زحمة وبطأ 


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


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


فقط زينة وإكسسوار خفيف ومفيد وجميل حتى يستطيع الجميع زيارتك 


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




هناك 4 تعليقات:

  1. السلام عليكم

    أولاً ابارك لك د.ريان افتتاح مدونتك التعليمية
    حقيقه مدونة جميله ومفيدة جداً .

    وثانياً تسلم يد ك شروحات جميله وشامله
    بالتوفيق إن شاء الله وبإذن الله سيكون لي تواجد مستمر

    ردحذف
  2. صباح النور ريانو

    جميله جدا جدا المدونه دى

    وعجبنى أوى درس الفيديو بتاع ال html

    أتارى الفيديوهات بتتحط عندى صغيره

    أتارى بقى ليها طريقه تانيه

    كل يوم هجى هنا أذاكر من الشرح ده

    ياهنانا ياسعدنا وريانو عامل مدونه كامله للشرح

    عشان كلنا نفهم بطريقه مبسطه

    الف شكر ليك ريانو

    صباحك ورد
    روزا

    ردحذف
  3. وعليكم السلام ورحمة الله وبركاته عبير الراقية

    وشرفني جداً تواجدكم ومنكم نستفيد سيدتي

    وهذه قطرة في بحركم الله يبارك بعمركم

    ويارب القادم يكون اجمل دمتم بكل ود

    ردحذف
  4. مساء العطر روزا الراقية

    وسعدت بأن الموضوع كان سهل وبسيط لكم

    وسعدت بتطبيقكم وان شاء الله القادم أجمل

    لكِ ارق تحية وتقدير

    ردحذف