كيف تصنع أيقونة خاصة بمدونتك

السلام عليكم
هذا ما اقصده بـ "أيقونة الموقع"

هي تلك الايقونة بجانب عنوان الموقع

هذه الايقونة من المفترض أن تكون مميزة لموقعك بين بقية المواقع على النت

قد تتساءل : ما هي فائدتها؟


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

ما تحتاجه لاضافة تلك الايقونة لمدونتك الخطوات التالية:
1- قم بتصميم ايقونة مميزة لموقعك باستخدام برنامج الفوتوشوب بحجم 140 في 140
2- بعد تصميم الايقونة تأتي خطوة تصغيرها لحجم 16 في 16 عن طريق التالي:

(اضغط على الصورة لتكبيرها)

ملحوظة: اختيار Bicubic Sharper ليجعل الصورة غير مشوشة بعد تصغيرها

3- بعد تصغير الصورة نحفظها بصيغة gif وباسم favicon
4- الان نرفعها على النت على اي موقع ، (وأرشح لك موقع 110mb.com لرفع الصورة عليه)
5- بعد رفع الصورة ولنفترض أن رابطها أصبح
http://example.110mb.com/favicon.gif ،
الان تأتي خطوة وضعها في المدونة. (سأشرح المثال على مدونة بلوجر)
ادخل لحسابك على بلوجر blogger.com  ثم الى مدونتك
ستدخل على تبويب design أو تصميم
ثم على تحرير HTML
ابحث عن الجزء التالي:

</title>

ثم أضف بعده السطور التالية

<link href='http://example.110mb.com/favicon.gif' rel='icon'/>

<link href='http://example.110mb.com/favicon.gif' rel='shortcut icon'/>

مع تغيير الجزء الملون برابط الصورة التي رفعتها
ثم اضغط حفظ القالب

مبرووك الان لديك ايقونة مميزة لموقعك
:)

نسعد بتعليقاتكم على الموضوع

فيديوللشرح


لتحميل الفيديو:
http://www.megaupload.com/?d=V9HLPFR0