لطفا صبر کنید ...
کسب رایگان ارزهای دیجیتال + دارای پرداختی تست شده
قرار دادن آیکون برای سایت و وبلاگ (favicon)
380 بازدید چهارشنبه 12 آبان 1395 آموزشگاه,آموزشهای کاربردی,ابزار وبمستر,جاوا اسکریپت, | نتیجــــه : 0 امتیــــاز توســـط 0 نفـــر ، مجمـــوع امتیــــاز : 0 |
حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک را اصطلاحا favicon مینامند. در این مطلب ما قصد داریم چگونگی قرار دادن این آیکون ریز را آموزش دهیم.
با ما همراه باشید...
برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا وبسایت شما
شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:
| <link href="http://adres-shoma/blogskin.ico" rel="shortcut icon"> |
| آدرس تصویر را بجای لینک قرمز رنگ قرار دهید |
این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)
.jpg)
.jpg)