الرئيسية: اكواد مختلفة

آخر المواضيع

yX Media - Monetize your website traffic with us

الأحدث

‏إظهار الرسائل ذات التسميات اكواد مختلفة. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اكواد مختلفة. إظهار كافة الرسائل

الثلاثاء، 26 نوفمبر 2019

الثلاثاء, نوفمبر 26, 2019

ايقونات وسائل التواصل الاجتماعي Social Media Icons

ايقونات وسائل التواصل  الاجتماعي Social Media Icons    Instagram,twitter,facebook,Pinterest , youtube...




محتوى مقال

  • ماهي ايقونات وسائل التواصل  الاجتماعي Social Media Icons؟
  • طريقة تعديل على قالب يحتوي على ايقونات ؟
  • كيفية تعديل  على  روابط ايقونات وسائل التواصل  الاجتماعي Social Media Icons؟


ايقونات التواصل الاجتماعي Social Media

من خلال العنوان و العنوان الفرعي سيأتي الى دهن القارىء سؤال مثل :
كيفية اضافة كود ايقونات التواصل الاجتماعي الي مدونات بلوجر؟

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

قوالب بريمير لبلوجر تحتوي على  وسائل التواصل الإجتماعي ؟
من الزوار مايطرح سؤال 


كيفية تعديل على ايقونات المشاركة لمواقع التواصل الاجتماعي Social Media Icon ...

تعريف وسائل التواصل الاجتماعي 

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

مامعنى ايقونة 

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

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

  • طريقة تعديل على قالب يحتوي على ايقونات ؟
بعد دخول لواجهة تعديل على قالب و تختار مدونة التي تريد التعديل عليها من خلال الاختيار في اعلى صفحة 





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




تم تتجه الى مكان تعديل على روابط التواصل الاجتماعي من خلال التخطيط تختار ↭🔻


تم تضغط على تعديل لكي تصل الى هنا🔻 

هده قائمة ايقونات تواصل الأجتماعي ممكن تعديل عليها او اضافة رابطهامثلا facebook🔻
بعد تعديل يمكنك اضافة الرابط و كدلك تغير مكان ايقونة انطلاقا من اسهم صغيرة موجودة قرب علامة  Edit Delete



اضافة الرابط في مكان مخصص اليه انضر الصورة🔻




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



  2. بعد شرح طريقة :

  • إضافة أيقونات متحركه لمواقع التواصل الإجتماعى لمدونات بلوجر
  • ‫اضافة اسهل كـود ايقونات facebook كان مثالالايقونات التواصل الاجتماعي بطريقة احترافية لاناضافة ايقونات التواصل في بلوجر مهم جداً، لزيادة متابعينك على مختلف المواقع العالمية مثل يوتيوب و فيسبوك 
  • ‫شرح اضافة ايقونات التواصل الاجتماعي في ‬‎ - YouTube متعددة ومكررة ممكن استعانة به بعد وضع في مكان البحث العنوان التالي :
  • كيفية اضافة كود ايقونات التواصل الاجتماعي الي مدونات بلوجر ...
  • ‫اضافة ايقونات التواصل الاجتماعي متحركة على مدونة بلوجركانت هي درس اليوم ممكن ان نتطرق لهدا الموضوع مرة اخرى 
        • لكن سنتطرق الى:
  • تركيب واضافة كود ايقونات التواصل الاجتماعي htm بشكل عصري انيق للمدونة الالكترونية على بلوجر،انا داك قم بزيارة مدونتك وضع الكود وتحقق من شكله الانيق على مدونتك .
انا شخصيا قد أضفت أيقونات متحركه لمواقع التواصل الإجتماعى الى مدونة بلوجر بكل سهولة دون الولوج إلى المظهر من خلال تحرير html وإضافة الكود هناك وأنا مقتنع أن هده الطريقة التي شرحنا  من افضل الطرق والجميع لا يريد طريقة تحرير html .وبذلك أكون قد انتهيت من موضوعى اليوم وإلى موضوع اخر ان شاء الله أستودعكم الله.





   


















0
بواسطة at ليست هناك تعليقات:
Labels: , ,

الثلاثاء، 19 نوفمبر 2019

الثلاثاء, نوفمبر 19, 2019

شريط اخر الأخبار

شريط اخر الأخبار



سلام عليكم ورحمة الله اما بعد:

متتبع مدونة skenjber مدمت تبحث في هده المدونة الا و انت في المكان المناسب نرحب بك من جديد اهلا و سهلا.

مدمت تتصفح هده المقالة و الا وانت بحاجة الى المعلومة الدقيقة و المختصرة. لدى انصحك ان تقرأ اولا جيدا تم تعيد القراة مع التطبيق على مدونتك ،كي لا تقع في الخطأ وتخرج من مدونتنا بدون استفادة و هدا الأ مر لا يعجبنا ابدا ،مفهوم مفهوم .ادا انت مستعد لنبدأ على بركة الله:

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

لنقول blogger بطريقة سهلة و بسيطة و مختصرة و دلك من خلال تعديل على اكواد قالب بلوجر مدفوع او مجاني من خلال خاصية تحرير html لأكواد javascripts ;  واضافة  أكواد فوق  skrin   و فوق head و تحت body ودلك بتسلسل و بدون أخطأ حسب الطريقة التالية :

اولا نختار مدونة التي نريد تعديل عليها ان كنت تتوفر على أكثر من واحدة، تم ننزل الى كلمة مضهر و نضغط عليها كما هو مبين في الصورة التالية:

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












بعد الدخول الى المظهر اضغط على  cntrl+f  تم ضع كلمة التالية  b:skrin   اضغط على entrer '' كاضافة فهو مكان لوضع أكواد CSS''  تم قم بفتح الوسم واضغط على entrer   فوق  skrin من أجل ترك مكان لوضع كود فوقه ستضع الكود الدي ستجد رابط تحميله تحت التدوينة .







بعد وضع كود skrin
 الان المرحلة الثانية  البحث عن كلمة head   (بعد الدخول الى المظهر اضغط على  cntrl+f  تم ضع كلمة التالية  head  اضغط entrer)   تم تحمل الملف من اسفل التدوينة للكود وتضعه فوق   head  مفهوم مفهوم.
الصور ستساعدك اخي كريم نبدل اكثر من مجهودنا لتبسيط لك الأمر .
بعد وضع كود head الأن المرحلة الثالتة البحث عن كلمة body (بعد الدخول الى المظهر اضغط على  cntrl+f  تم ضع كلمة التالية  bodyاضغط entrer)   تم تحمل الملف من اسفل التدوينة للكود وتضعه تحت body مفهوم طريقة سهلة و متكررة لكن تركيز ضروري لأن وضع أحد الاكواد في مكان غير مكانه تصبح اشكالية .
الصور ستساعدك على مكان body .




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


هناك من لا يعجبه مكان ظهور شريط اخر الاخبار و يريد انزاله لاسفل اي يغير مكانه لدلك اتبع هده المرحلة:

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



تم 




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

كل الروابط تجدها  هنا  في الأسفل:





تحميل skrin كود اضغط هنا


تحميل head كود اضغط هنا


تحميل body كود اضغط هنا
0
بواسطة at ليست هناك تعليقات:
Labels: ,

الثلاثاء، 12 نوفمبر 2019

الثلاثاء, نوفمبر 12, 2019

نظرية أكواد لغة HTML


نظرية أكواد لغة HTML

لذلك أنت تتساءل "هل هذا المزيج من الحروف والأرقام يعني أي شيء؟" حسنا الجواب هو "نعم" ، وهذا هو كيف ستسير الامور :)


اولا:

- التعريف  HTML 




HTML هي لغة الكمبيوتر المستخدمة على الإنترنت. تستخدم هذه اللغة لإنشاء صفحات الويب. اختصار يعني لغة توصيف النص التشعبي ، والتي تعني باللغة الفرنسية "لغة توصيف النص التشعبي". تم تسمية هذا المعنى بشكل مناسب لأن هذه اللغة تسمح لك بإنشاء نص تشعبي يستند إلى هيكل العلامة.



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

لعرض صفحة HTML ، من الضروري استخدام متصفح الويب.



في معظم الأحيان ، تشير لغات الكمبيوتر الأخرى إلى صفحة مشفرة بلغة HTML. على سبيل المثال ، CSS ، الذي يقوم بتنسيق محتوى الصفحة المشفرة بتنسيق HTML. هناك أيضًا لغات كمبيوتر تعتمد على HTML ، مثل Javascript.




تنسيق أكواد HTML:

تحتوي كل شفرة HTML على رموز "#" و 6 أحرف أو أرقام. هذه الأرقام في نظام الأرقام الست عشرية. على سبيل المثال ، يمثل "FF" بالسداسي عشري الرقم 255 في عشري.


معنى الرموز:



يمثل أول رمزين في رمز لون HTML كثافة اللون الأحمر. 00 هو الأقل و FF هو الأكثر كثافة. يمثل الثالث والرابع شدة الأخضر والخامس والسادس يمثلان شدة اللون الأزرق. لذلك مع الجمع بين كثافة الأحمر والأخضر والأزرق


الأمثلة على ذلك:

# FF0000 - من خلال كود HTML هذا نخبرك بأفضل متصفح في العالم. والنتيجة هي بالطبع اللون الأحمر النقي:     

# 00FF00 - يظهر رمز HTML هذا اللون الأخضر فقط وليس باللون الأحمر والأزرق. والنتيجة هي:     


# 0000FF - يظهر رمز HTML هذا اللون الأزرق فقط وليس باللون الأحمر والأخضر. والنتيجة هي:          



مثال








# FFFF00 - مزيج من اللونين الأحمر والأخضر يعطينا الأصفر:                                 


#CCEEFF - خذ بعض من الأفضل من الأخضر      


مثال لنموذج تم استخدام اكواد html الألوان:





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

 بعد شرح معنى لغةHTML  ممكن ان نضف التعابير او الشروحات التالية كي نبسط و نفرق بين بعض امور المستعملة في البرمجة مثل HTML و CSS و PHP مثلا.

بالنسبة ل HTML:
 كلمة باللغة الانجليزية تكتب على الشكل التالي: hyper text markup language 

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

HTML تحدد نوع الأجزاء المركبة مثل:
⇦ فقرة.
⇦ عنوان.
⇦ جدول.
⇦ خانة.

بالنسبة ل لغة CSS:
وتعني css باللغة الأنجليزية:
cascading style sheets

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

⇦ حجم الخط.
⇦ الألوان.
⇦ الطول و العرض.
⇦ التموقع و التوجيه.

بالنسبة ل JAVASCRIPT:

هي لغة بدائية في برمجة الحواسب ،لكنها استعملت في الويب ايضا.وتساعد في التفاعل مع المحتوى كالتوجيه مثلا.
فالنوافذ المنبثقة على واجهة موقع او مدونة مثلا يتم تصميمها بستعمال هده اللغة .

كما يمكن استعمالها من غير الويب فمثلا تستعمل في ملفات على شكلة PDF.

اخي القارىء يجب ان لا تخلط بين javascript و بين java فهناك فرق ربما تشابه على مستوى بداية في كتابة الاسم فقط.


بالنسبة ل PHP:

لغة PHP هده الخاصية تقوم بعمليات المعالجة و التحويل من الخادم و ليس المتصفح .

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

 عند النقر على زر الاعجاب يتم ارسال رسالة الى الخادم عن طريق PHP المدكور يقول بان الاعجاب قد تم ،ويدوين دلك بعده لعدد الاعجابات التي تسجلت ليتم اظهارها.




0
بواسطة at ليست هناك تعليقات:
Labels: ,

من نحن

authorمرحبا، أسمي فريد وهذه مدونتي أسعى دائما لأقدم لكم أفضل المواضيع التي تستفدون منها
المزيد عني →

التصنيفات

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

الاسم

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

رسالة *