السبت، 19 فبراير، 2011

إضافة عداد زوار بشكل أعلام دول من .flagcounter

مساء الخير جميعاً
وأهلا بكم بدرس جديد ورائع يفيدكم بمعرفة من زواركم ومن أي بلد 

أنه درس عداد زوار بشكل أعلام


لنبدأ الدرس ..أذهب إلى هذا الموقع او انسخه

http://www.flagcounter.com/index.html

الان سترى هذه الصفحة ولا تحتاج تعديل اذا مدونتك بيضاء او 

تحب اللون الأبيض ولمن يحب التغيير هاكم القوائم ومعانيها




بعد أن تنتهي اضغط على الحصول على علمك





الأن سوف يسئلك الموقع عن الإنضمام معه ووضع ايميلك 

لتعديل عدادك مستقبلاً

وتعديل الكود أو الحصول على إعلانات بأمكانك التسجيل او ضغط 


زر skip بمعنى تخطى هذه الخطوة 




الان انسخ الكود الأول فقط 


الان اذهب إلى مدونتك وإلى قسم تصميم واضف اداة الجافا والهتمل 

واعمل لصق للكود وبامكانك ترك العنوان فارغاً واجعل الاداة في اخر 


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

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

النتيجة سوف تكون بهذا الشكل 



دمتم بكل ود واتمنى انه درساً سهلاً لكم


درس إضافة تاريخ وساعة وعدد زوار من مواقع أجنبية

مساء الخير ويوم مبارك عليكم جميعاً

درس اليوم يحتاج دقيقة تركيز فقط وهو سهل وحالما نعرفه سنضيف كل شيء

نتوقعه للمدونة ولكن قبل أن نعمل به تأكدو من معرفتكم لدرس درس إضافة إداة للمدونة

و إضافة للجافا سكربت والهتميل كود  وترتيب عناصر المدونة .

الهدف من الدرس :

أيجاد ساعة جميلة وعدد زوار وتاريخ  كما في الشكل



مقدمة لابد منها :

قبل أن تضيف أي شيء لمدونتك لابد أن تعرف شيئاً هو أنه لابد أن تضع

كل شكل تضيفه في مكانه المناسب حتى يكون الشكل مقبولاً بعض الأكواد

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

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

أو تدعم الجهة اليسرى = لها عامود يساري )

تطبيقنا سيكون على الجوانب اليمينية = التي تحوي عامود واحد على اليمين

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



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

اما اذا مدونتك لها اكثر من عامود اختار بنفسك مكان إضافة الإداة للهتمل والجافا

بحسب مايناسبك .


تذكر تستطيع اضافة عدة أدوات جافا  بمدونتك .

وتذكر لا يهم العنوان كثيرا حينما تتعامل مع الاكواد انما هو شكليات 


وتستطيع تركه فارغاً .


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



فلنبدأ الدرس ياسادة ..

انسخ هذا الرابط وافتحه

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

وسوف تظهر لك هذه الصفحة





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

من choose page الأخضر في أعلى الأيقونات لنقل أنه اعجبني التاريخ

round glass orb وهي الشكل الزجاجي مثل الكوكب فلنضغط على الصورة

او نضغط على get this widget وهي تعني جلب القطعة

وطبعاً سنضغط على جلب القطعة التي تعجبنا

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



هنا نحدد الاتجاه ويفضل تركه



وكما نرى اعدادات عادية وكلها اختيار الوان وخلفية ووضع

,والان بعد ان اخترنا وعدلنا نضغط على زر الأكواد 

 
ويفتح معنا موقع اخر بهذا الشكل 





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

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

ونضغط على احضار اكواد لمواقع اخرى 

الان ظهر الكود ويجب ان ننسخه 


 نذهب الأن إلى مدونتنا ونختار إضافة إداة من قسم التصميم من القائمة الجانبية




 وطبعا سنختار إداة هتمل وجافا سكربت 

الان فلنركز قليلا بهذه الخطوة لأهميتها 

أولاُ - لا يهم العنوان كثيرا وبأمكانك تركه فارغاً اذا احببت  ولكن اذا 

أردت اكتب فيه ( تاريخ اليوم )

ثانيا- نعمل لصق لما نسنخناه من الموقع.

ثالثاً - نضغط حفظ

 



سيكون الشكل كما يلي


انظر الان لقد اضيفت إداة على مدونتك واسمها تاريخ اليوم



الان رتبها في اي مكان يناسبك مثلا في الاعلى او الاسفل في ترتيب

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




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

من اعلى التصميم في الاعلى 





مبروك اصبح لديك الان تاريخ في مدونتك وهو متحرك بالهجري  وبالميلادي

اذهب الى مدونتك واعرضها وتأكد من ظهوره وإذا لم تنجح كرر الخطوات  

بعد نجاح هذه الخطوة تابع معنا الدرس الثاني .

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=


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

أنسخ هذا الرابط أو افتحه 

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


وستلاحظ اننا في نفس الموقع الرائع وستجد في الاسفل ساعات 


رائعة اختار منها مايناسب مدونتك 




 بامكانك طبعا تصفح الساعات من choose page الأخضر في

أعلى الأيقونات لنقل أنه اعجبتني الساعة  Ornamental Button 



 نضغط الأن على المستطيل الذي بجانبها ومكتوب عليه get this clock

الان ستفتح معنا صفحة جديدة وبها نفس الساعة ومعاينة لها واختار ألوان

 الان بعد ان ننتهي من التعديلات التي نريد لمدونتنا نضغط على الزر

blog me  


والان ننسخ الكود من هذه الصفحة 


الان نكرر نفس الخطوة  الثانية بالدرس السابق 

نذهب إلى مدونتتنا من تصميم ثم نختار إضافة إداة ثم نختار هتمل وجافا سكربت







ثم نضع الكود ثم  حفظ ثم  ترتيب مكان الإداة ثم حفظ من اعلى ترتيب العناصر

وستظهر الساعة بهذا الشكل 


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

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

واذا لم تنجح راجع الخطوات السابقة 

 =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

الدرس الثالث : إضافة عدد زوار انيق وغريب بمدونتك


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

http://www.amazingcounters.com/sign-up.php






 الان اضغط على العداد الذي يعجبك ثم في اخر الصفحة اضغط على 

الخطوة التالية go to step 2




 الان اكتب بياناتك للموقع وعرف عنك بشكل مبسط كي يحضرون لك الكود

وسجل مجانا معهم  وكما ترى شكل الكود في الاعلى يدل على حجزه لك




الان سيظهر لك الكود انسخه وستلاحظ ايضا شكل عدادك في الاسفل





الان اذهب الى مدونتك والى قائمة تصميم ثم اضافة إداة ثم هتمل جافا 

ثم ضع الكود في المكان المناسب كما شرحناه سابقة 

ثم مبروك لديك عدد زوار بشكل جميل وانيق او غريب 

الان احفظ كل شيء واستمتع بعدد الزوار 

وان شاء الله قريبا سيتم اضافة درس عدد الزوار بالاعلام 

دمتم بكل ود


الاثنين، 31 يناير، 2011

درس وضع صورة في أعلى المدونة (الهيدر )


مساء الخير جميعاً ويسعدكم بكل خير

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

فماذا يعني ذلك ...؟

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

التي توضع في أعلى المدونة بينما الفوتر والفوتير هو مايوضع أسفل المدونة أو في

حاشيتها السفلية .

صورة للهيدر



ويجب أن تعرف طولها وعرضها حيث بعض القوالب تدعم الطول المفتوح 

وبعض القوالب لا تسمح سوى بحجم معين اي الهيدر .


الأن لنبدأ الدرس في تغيير صورة أعلى المدون (الهيدر



ملاحظة بسيطة : هذا الدرس يفيد المصممين أو من لديهم أصدقاء مصممين 

وبأمكاننا وضع حلول لغير المصممين في أسفل الدرس .






ادخل على مدونتك ثم تصميم ثم عناصر المدونة وأختار تحرير للبنر الثاني 


من عناصر التصميم الذي يوجد فيه أسم مدونتك ووصفها 









الان ستفتح معك قائمة  تهيئة رأس الصفحة



الان هنالك خيارات مثلا تريد الصورة ان تطمس عنوان المدونة أو خلفها 


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


اختيار المربع  في إحتواء مناسب .

 وبالنسبة للمحترفين لهم حرية الأختيار اذا كانت احجامهم مناسبة .

  الأن  نعود للقائمة ونختار زر أستعراض .

 


الا ن نختار ملف الصورة من جهازنا ونرفعها للمدونة .



الان نرى الصورة وتلاحظون تعديلي للخيارات 
 



الان نضغط حفظ ومبروك لديك هيدر جديد وأحترافي 




وطبعا من يصمم كثيرا فله تعديلات كثيرة ومنها إزالة الصورة 


لإزالة الصورة أتبع الخطوات الأولى فقط من هذا الدرس 


ثم من تحرير أختار زر إزالة الصورة ثم حفظ .




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


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


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


وستجدها بأمتداد PSD للفتوشوب وبقية برامج التصميم فعدل عليها براحتك

واذا لم تكن مصمماً اجعل الهيدر بكل بساطة خلف النص من خيارات الصورة


أمثلة لأشكال الهيدرات في النت 



أتمنى أن يكون درساً ممتعاً لكم ..دمتم بخير