طريقة تغيير أيقونة 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://www.mdn.fm/files/179913_py0mc/favicon.ico
  • المرحلة الثالثة :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

</head>
ثم قم بوضع الكود التالي فوقه :
<link href="http://www.mdn.fm/files/179913_py0mc/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>
ولا تنسى أن تقوم بتبديل الرابط ذا اللون الاحمر بالرابط المحصل عليه من الموقع الثاني والذي قمنا بلصقه على Note pad .
وأخيرا بعد عناء طويل154218d4_thumb1 تم الحصول على أيقونة Favicon الخاصة بك مما يجعل مدونتك جد مميزة ،واتمنى ان اكون قد وفقت في شرح الموضوع بشكل بسيط ،ولاي استفسارات واقتراحات انا رهن الاشارة

هناك 52 تعليقًا:

  1. رائع أخي شكرا لك تمت التجربة ونجحت بارك الله فيك

    ردحذف
  2. أزال المؤلف هذا التعليق.

    ردحذف
  3. أبو اّياد احييك علي طرحك المتميز و مدونتك الجميلة

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

    و لأني لا استخدم من متصفحات الانترنت ألا الجوجل كروم و الفاير فوكس فأنا لقيت الصورة اللي أنا اخترتها موجودة في الجوجل كروم و مش موجودة في الفاير فوكس و لا أعلم السبب هل هو من الفاير فوكس اللي أنا بستخدمه و لا من ايه بالظبط

    أرجو الرد
    و شكراً مقدماً

    ردحذف
  4. تحية طيبة لكم جميعا ، بالنسبة للاخ الكريم سكندري ، لقد قمت بزيارة مدونتك حيث أن أيقونة favicon
    ظهرت لدي مع العلم انني استعمل المتصفح موزيلا فاير فوكس 3.6.3 فلا اعلم سبب عدم ظهورها عندك ، ،ربما يجب عليك تحديث متصفحك كما اظن ، وشكرا لمرورك

    ردحذف
  5. أنا استخدم فايرفوكس 3.6.8 و لم يظهر معي !

    اشكرك علي ردك السريع و مجهودك الرائع في المدونة

    ردحذف
  6. ولله عاشت ايدك اخي العزيز ما قصرت
    تحياتي الاخوية
    اخوك ايزيدي او يزيدي

    ردحذف
  7. تم التطبيق يا ابو اياد ونجحت

    ردحذف
  8. تم تطبيقها بس بامتداد JPG ولا تظهر الصورة سوى على الفايرفوكس فقط ولم تنفع معاي حركة صورة الايكونهICO

    ردحذف
  9. أخي الكريم ، كما ذكرت سابقا في الموضوع أن أيقونات بصيغة JPG لا تظهر على المتصفح IE ،يجب تحويلها إلى الصيغة Ico
    موفق

    ردحذف
  10. أخي الكريم أشكر لك سرعة استجابتك لزوار مدونتك
    تم تحويل الصورة وعملت ما هو مطلوب لكن العملية لاتظهر معاي سوى بالفايرفوكس
    وهذا هو التحويل
    http://www.mdn.fm/files/189799_rukp7/moaathalkandari.ico
    لكن هناك سبب لا أعرفه

    ردحذف
  11. @معاذ

    أي متصفح انترنيت إكسبلورر تستعمل

    ردحذف
  12. أخي العزيز ...
    تم حل المشكلة هي أني قمت بسخ رابط الايكونة ووضعتها تحت
    title><data:blog</title
    وعملت معاي 100%
    ولكن عند الخروج عند الخروج من المدونة تختفي تلك الايكونة
    والاكسبلورر 8 هو اللي استخدمه

    ردحذف
  13. @معاذ
    ممتاز أخي الكريم ، مبروك عليك ، وتعديل في محله

    ردحذف
  14. شكرا جزيلا ابو اياد

    تم التطبيق على مدونتي

    جزاك الله خير

    ردحذف
  15. @وداد
    مبروك عليك يا وداد

    ردحذف
  16. غير معرف1:45 ص

    لدي مشكله في المرحله الثالثة !!!

    ردحذف
  17. @غير معرف
    السلام عليكم ورحمة الله وبركاته ،أخي الكريم ،هناك طريقة أخرى أسهل من هذه الطريقة ،تفضل من هنا

    ردحذف
  18. جزاك الله خيرا

    ردحذف
  19. مجهود رائع
    بس انا عندى تعليق ببسيط
    بخصوص الموقع التانى مش لازم تشترك فى موقع عشان تجيب رابطه لاى صوره انا عملتها من غير ما اشترك فى الموقع التانى.
    ممكن تشوف موقعى وتقول رايك وانا مستنى منك رد
    http://world-in-brief.blogspot.com/

    ردحذف
  20. @ashmawy
    أخي الكريم الهدف من الموقع التاني هو رفع الصورة والحصول علي الرابط لها ، لكنني قمت بكتابة موضوه جديد كتحديث لهذا الموضوع وذلك بعرض أسهل طريقة لعمل تلك الخاصية تفضل من هنا
    http://www.abu-iyad.com/2010/09/favicon.html
    أما بخصوص مدونتك فإنه يحتاج إلى التنظيم وخاصة تنظيم مكان الأدوات
    بالتوفيق

    ردحذف
  21. @أبو إياد

    طيب ممكن تلقى نظره على المدونه تانى وتقول ايه رايك ممكن انا اسف ازعجتك

    ردحذف
  22. شكرا لك
    وأسأل الله لك رزقا واسعا في الدنيا والآخره وصحه وعافيه وجنه عرضها السموات والارض

    ردحذف
  23. شكرأ استازى ابو اياد بس عايزك تساعدنى اكتر انا اعملت الطريقة الاولى بس الطريقة التانية مش شغال مةقع ماى دتا نيستا ورحت لموقع سيت جوجل واعملت موقع وصفحة بس مفيش هناك تحميل صورة على شان اخد الرابط الخاص بالصورة يا ريت تفيدنى

    ردحذف
  24. شكرا اخوي ابو اياد على الطريقة


    جاري التجربة


    تحياتي

    ردحذف
  25. مشكور اخوي شرح جدا واضح
    تسلمـ

    ردحذف
  26. والله ياخي العزيز ماعرف كيف اشكرك

    ردحذف
  27. هذا الموقع لرفع الأيقونات يعمل ..
    http://www.iconj.com/index.php


    بخلاف الموقع الذي وضعته أنت فهو لا يعمل .

    ردحذف
  28. شكراً لك أبو إياد، شرح رائع للغاية..

    سلمت يداك أخي العزيز.

    ردحذف
  29. شكراااااااااااااااااااااااااااااااااااا

    ردحذف
  30. شكرا لك
    وأسأل الله لك رزقا واسعا في الدنيا والآخره وصحه وعافيه وجنه عرضها السموات والارض
    (;;
    www.google--plus.blogspot.com

    ردحذف
  31. السلام عليكم

    شكرا لك لقد عندي يومين و انا ابحث عن الحل وجدته عندك صديقي

    شرفوني بزيارة مدونتي

    قبل السياح مرسى بن مهيدي

    http://portsay-com.blogspot.com/
    او
    www.portsay.com

    ردحذف
  32. وللله حلو بس كيييف نعمل شريط الافقي لي مكتوب فيه ( صفحة الرئيسية - اتصل بنا - اخبار - ال خخخخخخخخخخخخخخ ) ارجو تفيدوني
    بريدي الالكتروني
    alessei2@gamil.com

    ردحذف
  33. مثل ماقالوا تسهريله ليليه بل هو يدمع تبتشيله
    مشكووووووووووور الله يعطيك صحة والعافية
    و افيدوني الله يرضا عليكم عن التالي :
    ( قائمة للصفحات التي تظهر اعلى الصفحة كا ( صفحة رئيسية - منتدى - اتصل بنا - اخبار ) كيييييييييييييف نطلعها في مدونتنا اللله يرضا عليكمم

    ردحذف
  34. شكراً للمعلومه .. ويعطيك العافيه (:

    ردحذف
  35. شكرا لك على المجهود

    ردحذف
  36. موضوع جميل لكن موقع http://mydatanest.com/register/?r=790 لم يريد ان يظهر :))

    ردحذف
  37. اخوي عند الدخول على مدونتي بمتصفح فاير فكس احصل الايقونه تغيرت وعند الدخول من مصفح كروب الايقونه تبع بلجر موجوده ماتتغير ارجوو
    حل المشكله وشكرا

    ردحذف
  38. بارك الله فيك ممكن تتفضل تزور مدونتي http://alkitab1.blogspot.com

    ردحذف
  39. السلام عليكم احتاج الى مساعدة
    لقد وضعت الكود فوق
    وقد تغيرت الصورة دون ان اغير اي شيء فقط تغيرت من خلال وضعي لصورتي في رمز التفضيلات في التخطيط ارجو مساعدتي اريد رفع ملف من الموقع المعطى لكن لا يعمل ولهذا احتاج المساعدة وشكرا لكم

    www.themodern-tech.com

    ردحذف
  40. :) شــكراً .

    ردحذف
  41. ربنا مايحرمنا منك يا أمير

    أخوك عبدالعزيز

    ردحذف
  42. http://dmanitly.blogspot.com/
    اقوي مدونه جديده

    ردحذف
  43. جميل ورائع
    موقع كتب pdf مجانيه
    http://www.freepdfbooks1.ml/

    ردحذف
  44. اخي الموقع لا يعمل
    http://ww1.mydatanest.com/
    هل من بديل؟

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية