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

بسم الله الرحمن الرحيم

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

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

الخطوة الأولى:
اصنع الأيقونة التي ترغب بوضعها وذلك من خلال أي برنامج صانع للأيقونات، بإمكانك استخدام هذا البرنامج:
اضغط هنا للتحميل
السيريال نمبر:
رمز:
11111114-11116-11116-11116-11116
يجب أن تكون الأيقونة بالمواصفات التالية:
1- الحجم 16 *16 pixels.
2- النسق win32.
3- الألوان لا تزيد عن 256لون.
4- اسم الأيقونة يجب أن يكون (favicon.ico).

الخطوة الثانية:
سنفرق هنا إن كان لك موقعك الخاص أم موقع مجاني:
1- بالنسبة للموقع الخاص مثل (www.snabl.com)، ليس عليك سوى رفع الأيقونة إلى المجلد الرئيسي لموقعك، فالمتصفح إكسبلورر(5) يقوم بالبحث عن الأيقونة في المجلد الرئيسي للموقع لحفظها بجانب اسم موقعك في المفضلة.

2- بالنسبة للمواقع المجانية اتبع الخطوات التالية:
- ارفع الأيقونة إلى أي مكان في موقعك.
- في منطقة الرأس في الصفحة (head) ضع الكود التالي:
كود بلغة HTML:
<link rel=shortcut icon href=http://name-your-site/favicon.ico>
ضع مكان العنوان التالي عنوان الأيقونة التي رفعتها على موقعك
رمز:
http://name-your-site/favicon.ico
هذا كل ما في الأمر

وبالتوفيق إن شاء الله