المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : بالصور طريقة اضافة أيقونة لموقعك (Favicon)


عماد
05-24-2008, 09:06 PM
السلام عليكم و رحمة الله و بركاته

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

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

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

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

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


http://www.mediabrave.com/images/fav.gif

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

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

1- اختآر صورة من عندك لتكون صورة لموقعك
2- اذهب الى هذا الموقع http://www.hostchance.com/favicon
و ارفع الصورة التى اخترتها عليه كما بالصورة



http://www.mediabrave.com/images/fav3.jpg

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

http://www.mediabrave.com/images/fav4.jpg

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" />

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

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

abdelilah merini
05-30-2008, 10:16 AM
شرح رائع
تابع
وفقك الله

noure
05-31-2008, 04:59 PM
merci abdiellah

الذاكرة لله
07-10-2008, 05:04 PM
مشكورررررررررررررر

أحمد أبوعلي
07-10-2008, 11:10 PM
بارك الله فيك أخي الكريم عماد