شرح بالصور طريقة اضافة أيقونة مميزة لموقعك (Favicon)

master2009 · 05-18-2008, 06:40 PM

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

ما هى الـFavicon :
كلمة (Favicon) هي اختصار لـ(Favourite icon) وتنطق (Fav - eye - con)، وهي عبارة عن صورة صغيرة ( بحجم 16*16 بكسل وفي بعض الأحيان تكون

32*32 بكسل ) تظهر بجانب رابط الموقع في الأعلى وفي المفضلة (Favourite)، وقد أنشأت شركة Microsoft هذه الخاصية لمتصفحها Internet Explorer ثم بدأت بقية

المتصفحات باعتمادها

فائدة الـFavicon :
يقوم الزائر في العادة بتخزين العديد من المواقع في مفضلته، وقد يكون موقعك من ضمنهم، وأغلب هذه المواقع يكون بجانب اسمها صورة ورقة أو إشارة e أو ماشابه، وهي علامة موحّدة، فماذا لو كان موقعك لديه صورة خاصة؟، بالتأكيد ستجذب الصورة

انتباه الزائر كلما مر على مفضلته وهذا يجعله في متابعة مستمرة لموقعك، ولها فوائد أخرى.

مواقع تستخدم الـFavicon:
هناك الكثير من المواقع التي تستخدمه، وخصوصاً الكبيرة والرسمية في العادة:
Google
Yahoo
MSN
وغيرها الكثير

الطريقة سهلة وهي عبارة عن اربع خطواب بسيطة:

1- اختآر صورة من عندك لتكون صورة لموقعك
2- اذهب الى هذا الموقع FavIcon Generator
و ارفع الصورة التى اخترتها عليه كما بالصورة

3- بعد ذلك سينتج ملف مضغوط به الأيقونة الناتجة باسم " favicon.ico" كما بالصورة

4- تقوم بوضعها فى موقعك فى المجلد الرئيسى لموقعك أو منتداك ثم تضع هذا الكود بعد كلمة <head>

كود:

<link href='/favicon.ico' rel='icon'/> 
<link href='/favicon.ico' rel='shortcut icon'/> 
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

احفظ التعديلات واعد تحميل صفحة موقعك الرئيسية. وإن شاء الله راح تشتغل. ولو أردت تغيير الصورة فقط ارفع صور جديدة للموقع
و ان شاء الله هتشتغل

اتمنى أن يكون الدرس مفيداً

أدوات الموضوع	إبحث في الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق	إبحث في الموضوع: البحث المتقدم

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
شرح برنامج نيرو nero بالصور	ساري	برامج كمبيوتر	1	10-11-2008 04:12 AM
طريقة عمل البسبوسة بالصور	ساري	طبخ - مطبخ - اكلات - حلويات - معجنات	3	03-16-2008 09:11 AM