تسجيل الدخول

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



master2009
18-05-2008, 06:50 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" />

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

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

sas70
19-05-2008, 12:19 AM
موضوع رائع وخصوصاً لأصحاب المواقع

وانا شايف انها اول مشاركة لك فيامرحبا وسهلاً بين اخوانك اعضاء منتدا شبكة الأسهم القطريه

وان شاء الله تستفيد وتنستفيد منك اخوي master2009

وشاكرلك موضوعك الرائع وبأنتظار جديدك وبالتوفيق

تحياتي لك

notebooks
22-05-2008, 04:11 PM
شكرا علي الموضوع الرائع فعلا