لسلام عليكم
الشرح اليوم شرح سريع لكيفية اضافة ايقونة favicon لموقعك ...
اذا كنت لاتعلم ماهي هذه الأيقونة .. قم بالدخول لـ Google وقم بحفظة بالمفضله ,
ستجد هذه الأيقونة بجانب اسم الموقع نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي هذه هي الأيقونة التي سنشرح اضافتها اليوم ان شاء الله.

أولاً لازم يكون عندك صورة او شعار صغير لموقعك.
الآن ادخل لهارابط :


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

ستجد خانه لرفع صورتك , اضغط عليها وضع صورتك , لكن ملاحظة :
* الصيغ المدعومه هي : gif, jpg, png, and bmp.
* أقصى حجم للملف 150.00 kB.

ثم ستجد باليمين خياران , ضع علامة صح على :
Merge with a 32x32 desktop icon.

ثم اضغط Create Icon .

انا سويت التجربه على الصوره هذي نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
وطلعت واضحه 100% , المهم بعد الضغط على الزر Create Icon سيظهر لك الناتج بالأسفل ...
مايهمنا في النواتج هو الصوره باليمين :
FavIcon (16x16) preview:

هنا شكل الصوره على المتصفح , بعد ماتقوم بتحويل صورتك , اضغط على Download FavIcon لتحميلها.
قم بتحميلها ثم ارفعها لموقعك ...


ثم انزل للأسف ستجد الكود :

<link rel="shortcut icon" href="/favicon.ico">
اضفه بعد <head> في صفحاتك ... وغير /favicon.ico إيى مسار الصوره , اذا كانت الصوره بنفس المجلد الرئيسي , لاتغير الرابط.



لأي سؤال او استفسار أضف تعليقاً ...
إنتهى الدرس.