صمم بنفـسك أيقـونة خاصـة بمـدوّنتك .. مع شـرح كيفية إضـافتها ..!

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


يسـرني اليوم أن استعـرض لكم طريقة إعداد و إضافة أيقونة خاصّة بمدوّنتك تبعاً لـباقي المواقع المشهورة

أمثال اليوتيـوب و جوجل و كذلك الووردبريس !



- أيـن تظهر الأيقونة؟

بجـانب عنوان الموقع ، و هي لها دلالة أو إيحاء عن المدوّنة و عن ماذا تتمحور كالعناوين و الروابط !



- ما هي شروط حجم و صيغة الأيقونة؟


يجب أن تكون الأيقونة بحجـم 16×16

وبصيغة ICO

- كيف أتمكـن من تصميم أيقونة تدعم الصيغة المطـلوبة؟


لا تتوفر برامج التصميم المشهورة أمثال الفوتوشوب و غيرها على هذا النوع من الصيّغ و لكن هناك برنامج خاص يُدعى IconMaker يمكنك من خلاله صنع الأيقونة الخاصّة بمدوّنتك

يمكنكم تحميله من [ هنا ] ..


و من ثم حفظ الصورة بالصيغة المطلوبة ..

- لا أجيد التصميم بهذا البرنامج؟


الحل بسيط جداً
صممها بأي برنامج من البرامج التي تفضلها مع مراعاة الحجم المطلوب و من ثم حفظها بصيغة png
و من خلال هذا البرنامج JPG JPEG Photo Converter يمكنك تحويلها إلى صيغة ICO

من [ هنا ] يمكنكم تحميل البرنامج


- انتهيت من تصميم الايقونة بالصيغة و الحجم المطلوبين؟

الآن كل ما تبقى عليك فعله هو إضافتها إلى قآلب الـ header الرئيسي لموقعك


أضف هذا الكود في آخر الهيدر :

كود:

<link rel="shortcut icon" href="favicon.ico" />

- قمت بكافة الخطـوات السابقة و لكن لم تظهر الأيقونة؟

اذا لم تظهر الصورة ضعها في خارج ملف المنتدى يعني في الwww او html و انتظر في العادة قد تأخذ بعض الوقت لتجديد الاعدادات الجديدة ..


أعزائي

كان جهدي هذا طمعاً في الحصول على دعوة صالحه منكم بظهر الغيب حتى تقول لكم الملائكة " ولك بالمثل "


و أتمنى من الجميع الإستفادة

تحياتي : زحمة أفكار