تغيير أيقونة Favicon على لمدونتك او موقعك (شرح بالصور)

مرحبا بكم جميعا ، في هذه الفقرة سوف نقوم بتغيير الأيقونة الجانبية لرابط المدونة Favicon،وهي التي على شكل مربع صغير يرمز الى شعار بلوجر , بهذه الطريقة ،يمكنك استعمال ايا من الصيغ التالية للصورة *.jpg, *.PNG, *.gif, *.ico ،لكن المتصفح أنترنت إكسبلورر Internet Explorer لا يقبل سوى الصيغة *.ico لذلك سوف نقوم باستعمال موقعين اثنين :
1.موقع Favicon from Pics لتحويل جميع صيغ الصور الى ico.
2. موقع MyDataNest. لرفع الصورة (الأيقونة ) المحصل عليها من الموقع الاول والحصول على رابط مباشر لها,وهذه الصورة تبين لك النتيجة .
ملاحظة :
الموقع الثاني يمَكِّن من رفع عدة أنواع من الملفات مثل : js, css, ico, pdf, mp3, .... jpg, png, gif ...لذلك يمكن استعماله لأغراض اخرى غير هذه .
يمكنك استعمال موقع Google site بدلا منه وذلك بانشاء موقع ثم صفحة جديدة ثم رفع الصورة فيه والحصول على الرابط .
المرحلة الأولى :
1.سوف نقوم بالدخول لهذا الموقع Favicon from Pics ,ثم نقوم برفع الصورة المراد ادراجها على شكل أيقونة Favicon .
2.نقوم بتحميل الايقونة بالضغط على كلمة Download كما هو موضح في الصورة .

3.سوف يتم تحميل الأيقونة داخل ملف مضغوط ،لذلك يجب فكه وذلك بكليك يمين على المجلد ثم Extrere here .
الآن حصلنا على أيقونة Favicon ،مازال ينقصنا سوى الحصول على الرابط المباشر لها.
المرحلة الثانية :
1..سوف نقوم بالدخول لهذا الموقع MyDataNest ثم نقوم بالتسجيل وذلك بملء الاستمارة وادخال المعلومات المطلوبة .
بعد التسجيل ،وادخال الاسم و الكلمة السر ،سوف نقوم برفع الايقونة من خلال كلمة Upload ، ثم بعد ذلك تضغط على Select Files، انتظر قليلا حتى يتم رفع الايقونة , بعدها تضغط على My files لمعاينة ما تم رفعه .
.ثم كليك يمين ونسخ رابط الايقونة ،ثم قم بلصقه على note pad مثلا او اي محرر نصوص اخر لاستعماله في المرحلة الاخيرة.
الآن قمنا بالحصول على الرابط المباشر لأيقونة على هذا الشكل مثلا :
http://abda3design.blogspot.com/179913_py0mc/favicon.ico
المرحلة الثالثة :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ثم قم بوضع الكود التالي فوقه :

<link href="http://abda3design.blogspot.com/179913_py0mc/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

ولا تنسى أن تقوم بتبديل الرابط ذا اللون الاحمر بالرابط المحصل عليه من الموقع الثاني والذي قمنا بلصقه على Note pad .
وأخيرا بعد عناء طويل تم الحصول على أيقونة Favicon الخاصة بك مما يجعل مدونتك جد مميزة ،واتمنى ان اكون قد وفقت في شرح الموضوع بشكل بسيط .