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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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



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

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

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


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

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


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


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



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

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

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




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

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




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





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

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

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

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

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

دمتم بكل ود


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

إرسال تعليق