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

مشاهدة النسخة كاملة : عمل ايقونة خاصة بجانب اسم موقعهم((favicon)


صدفه
2010-02-15, 12:01 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اخوانى الأعزاء
بعد ان فشل الكثير منا فى وضع favicon icon لموقعه
الحمد لله رب العالمين نجحت في عمل ذالك وبمنتها البساطة
وقبل انا اقوم بالشرح اقدم لكم مقدمة بسيطة ولكن فائدتها طيبة باذن الله
تعريف بسيط بما هو favicon icon
هو ايقونة او شعار لصفحة الويب تعرض بجانب عنوان اسم الموقع وتستعمل احيانا لتميز موقعك عندما يضاف الى المفضلة
http://img296.imageshack.us/img296/5649/s1wp4.jpg
والـ favicon icon هى ايقونات صغيرة جدااا قد تكون بمقاس 32*32 أو 16*16
فوائد الـ favicon icon :
1- يعمل كشعار لطيف بجانب (http://www.m7ttmasr.com/vb/t13681.html) عنوان موقعك .
2- يجعل موقعك متميز عن غيره من خلال ايقونته الخاصة .
3- تظهر ايقونة (http://www.m7ttmasr.com/vb/t13681.html) موقعك فى المفضلة اذا ادرج القارىء صفحة من موقعك مما يجعله سهل التميز بين غيره من الموقع
اسباب فشل الكثير فى عمل ايقونة (http://www.m7ttmasr.com/vb/t13681.html) خاصة (http://www.m7ttmasr.com/vb/t13681.html) بموقعهم
1- سبب بسيط للغاية وهو ان بعض الاستضافات لا تدعم امتداد الـ(( ico ))
ولكن مع هذا الشرح باذن الله لن يكون هناك مشكلة بعد خدعة بسيطة وبعد الأمور سوف تظهر ايقوانة موقعكم بالمتصفح
2- السبب الثانى هو انه ليس جميع المتصفحات سوف تظهر بها ايقونتك
لذالك بعد عملك قد لاتجد الايقونة انصحك بتجربة نتيجة عملك النهائى على اى من المتصفحات الأتية :
Avant Browser
Firefox
Opera
وسوف تكون نتيجة طيبة باذن الله تعالى
والأن نسمى باسم الله تعالى ونبدأ خطوات العمل :
1- يمكنك تحويل اي صورة تعجبك الى ايقونة خاصة بموقعك
واليك هذا الموقع الرائع الذى يقوم لك بهذا العمل فى ثوانى اضغط هناااااااااااااااا (http://www.m7ttmasr.com/vb/redirector.php?url=%68%74%74%70%3a%2f%2f%74%6f%6f% 6c%73%2e%64%79%6e%61%6d%69%63%64%72%69%76%65%2e%63 %6f%6d%2f%66%61%76%69%63%6f%6e)
بعد الدخول على الموقع ستجد كما بالصورة اتبع الشرحhttp://img222.imageshack.us/img222/682/s2lk8.jpg
بعد ذالك سوف يظهرنا لنا كما بالصورة التالية ونحفظ الايقونة
http://img232.imageshack.us/img232/2079/s3tu1.jpg
الموقع الثانى اضغط هناااااااا (http://www.m7ttmasr.com/vb/redirector.php?url=%68%74%74%70%3a%2f%2f%61%6e%74% 69%66%61%76%69%63%6f%6e%2e%63%6f%6d%2f)
وعن طريقه تحدد ما تريد كتابته وهناك اكثر من مثال من صور الايقونات بالموقع
وبعد الانتهاء اضغط على كلمة save as favicon file وهى لحفظ الايقونة النهائية بجهاز
2- بعد تحميل الايقونة الى جهازك يجب رفعها على موقعك من خلال الـ FTP او من خلال الـ cpanel
وهذه اهم خطوة للأحتياط الكامل ارفع ملف favicon.ico ويجب ان تكون بهذا الاسم
ارفعها الى كل من مجلد www و مجلد vb الخاص بمنتداك
بعد الرفع اذهب الى رابط الايقونة بالمتصفح ان لم تظهر معك
فهذا يعنى ان استضافتك لاتدعم امتداد الـ(( ico )) اليك الخدعة التى ذكرتها
اذهب الى اى موقع يقدم خدمة استضافة مجانية مثل google او freewebs
وقم بعمل حساب لك ومن ثم ارفع ايقونتك عليه انا انشأت حسابى بموقع freewebs للدخول اضغط هناااااااااااا (http://www.m7ttmasr.com/vb/redirector.php?url=%68%74%74%70%3a%2f%2f%77%77%77% 2e%66%72%65%65%77%65%62%73%2e%63%6f%6d%2f)
بعد عمل حسابك ارفع ايقونتك وخذ الرابط الخاص بها على سبيل المثال الرابط الخاص
بايقونتك هو http://www.freewebs.com/lover3moon/favicon.ico (http://www.m7ttmasr.com/vb/redirector.php?url=%68%74%74%70%3a%2f%2f%77%77%77% 2e%66%72%65%65%77%65%62%73%2e%63%6f%6d%2flover3moo n/favicon.ico)
انسخه وضعه بمكانه بهذا الكود :

رمز php
اقتباس:
<head><link rel=”icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
<link rel=”shortcut icon” href=”رابط االايقونة الخاص بك” type=”image/ico”></head>
هذا الكود تضع فى الصفحة الرائيسية الخاصة بموقعك والتى تكون بامتداد html
واعمل حفظ التغييرات
واذا كانت الصفحة الرئيسية لموقعك مجلة php قم بعمل الأتى اذهب الى مجلد
template الخاص بثيم المجلة المثبته ونفتح صفحة الاندكس هتمل الخاص بيه وتضع هذا الكود

رمز php
اقتباس:
<link rel=”icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
<link rel=”shortcut icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
واعمل حفظ التغييرات
بالاضافة الى رفع الايقونة مرة اخرى بمجلد الثيم الخاص بالمجلة
وانتظر فترة وقم بعمل تحديث لصفحة موقعك وانتظر النتيجة