كيف تضع ايكونة بجوار اسم موقعك fav icon

كيف تضع ايكونة بجوار اسم موقعك fav icon

المستوي الثاني مبرمج مبتدئ


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

submit to reddit

كيف تضع ايكونة بجوار اسم موقعك fav icon


كيفية وضع ايقونة بجوار عنوان الموقع Title

fav icon

كيف يتم ذلك

يتم من خلال ما يسمي بال
Fav icon

الخطوات

1- تصنع ايكونة مناسبة لموقعك وهنا اما تصنعها ببنامج محول الصور الي ايكونات
او من خلال موقع يحول لك الصورة الي ايكونة جاهزة للتحميل علي جهازك ومن امثلة هذه المواقع
http://www.icoconverter.com

2- ضع الايكونة هذه في المسار الرئيسي لموقعك اي ليست داخل اي فولدر بل بجوار الصفحة الرئيسية لموقعك
واعد تسميتها الي الاسم
favicon.ico
لابد ان تسمي هكذا حتي تعمل

2- الان تدخل علي الصفحة الرئيسية لموقعك او علي صفحة الماستر باج لكي يتعمم علي كل الصفحات
ثم في رأس الصفحة او في
Header وسم

بوضع كود بسيط يشغل لك هذه الخاصية وهذا هو الكود
<link rel="shortcut icon" href="/favicon.ico" />

وبالتحديد كالاتي

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